Color conversion
Color conversion for #FF6B6B
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 255 | 107 | 107 | |
|---|---|---|---|---|
| HSL | 0° | 100% | 70.98% | |
| HSV | 0° | 58.04% | 100% | |
| CMYK | 0% | 58.04% | 58.04% | 0% |
| XYZ | 49.1559 | 32.8431 | 17.6579 | |
| Yxy | 32.8431 | 0.4933 | 0.3296 | |
| Hunter Lab | 57.3089 | 52.8141 | 21.8551 | |
| CIE-Lab | 64.0337 | 56.3704 | 28.923 | |
| CIE-LCH | 64.0337 | 63.3574 | 27.1618 | |
| CIE-LUV | 64.0337 | 110.5014 | 23.8386 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11111111 | 01101011 | 01101011 |
| Octal | 377 | 153 | 153 |
| Decimal | 255 | 107 | 107 |
| Hex | FF | 6B | 6B |
RGB percentages
CMYK percentages
Shades #FF6B6B
Tints #FF6B6B
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#FF6B6B color on black
#FF6B6B color sample text
#FF6B6B color on white
#FF6B6B color sample text
#FF6B6B CSS codes
.background { background-color: #FF6B6B; }
.text { color: #FF6B6B; }
.border { border: 3px solid #FF6B6B; }
.shadow { box-shadow: 0 8px 28px rgba(255, 107, 107, 0.35); }
CSS preview
Accessibility
Contrast on white2.77:1Poor
Contrast on black7.57:1AAA
Web safe#FF6666Near
Luminance0.32840-1
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#FF6B6B color
PortuguêsCor #FF6B6B
EspañolColor #FF6B6B
한국어#FF6B6B 색상
日本語#FF6B6B の色
中文#FF6B6B 颜色
DeutschFarbe #FF6B6B
FrançaisCouleur #FF6B6B
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #FF6B6B color.