Benannte Farbe · #9B7757
Coco Rum
Coco Rum ist #9B7757: rgb(155 119 87), hsl(28 28% 47%), oklch(0.597 0.064 62.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Coco Rum color name →
#9B7757
oklch(0.597 0.064 62.8)
Farbumrechnungen
- HEX
- #9b7757
- RGB
- rgb(155 119 87)
- HSL
- hsl(28 28% 47%)
- HWB
- hwb(28 34% 39%)
- OKLCH
- oklch(0.597 0.064 62.8)
- OKLab
- oklab(0.597 0.029 0.057)
- CIE Lab
- lab(53.05 11.36 23.31)
- LCH
- lch(53.05 25.93 64)
- CMYK
- cmyk(0% 23% 44% 39%)
Tints · Shades · Tones
Tints
- A58467
- AF9177
- B99E87
- C3AC98
- CDB9A9
- D7C7B9
- E1D5CB
- EBE3DC
- F5F1ED
Shades
- 86674B
- 72573E
- 5E4733
- 4B3827
- 392A1C
- 281C12
- 181008
- 090503
- 010100
Tones
- 98785B
- 967960
- 937A64
- 917B68
- 8E7C6C
- 8B7D70
- 897E74
- 867E78
- 837F7C
Farbharmonien
Komplementär +180°
- 9B7757
Coco Rum
- 5D84A3
≈ Blue Team Spirit
Analog -30° +30°
- 9B7757
Coco Rum
- A27167
≈ Blast-Off Bronze
- 8C7F52
≈ Fennel Seed
Triadisch +120° +240°
- 9B7757
Coco Rum
- 518C83
≈ Sea Garden
- 87769F
≈ Smashed Grape
Geteilt komplementär +150° +210°
- 9B7757
Coco Rum
- 4F8A96
≈ Blue Square
- 727DA6
≈ Lavender Violet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.06:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.17:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--coco-rum: #9b7757;
--coco-rum-rgb: 155 119 87;
--coco-rum-oklch: oklch(0.597 0.064 62.8);
}
.element {
color: var(--coco-rum);
background-color: hsl(28 28% 47%);
border-color: oklch(0.597 0.064 62.8);
}Tailwind CSS v4
@theme {
--color-coco-rum: #9b7757;
--color-coco-rum-50: #fff2e3;
--color-coco-rum-100: #f8e4d2;
--color-coco-rum-200: #e8cfb8;
--color-coco-rum-300: #cfb196;
--color-coco-rum-400: #ba9777;
--color-coco-rum-500: #a57d59;
--color-coco-rum-600: #8b6a4c;
--color-coco-rum-700: #70553c;
--color-coco-rum-800: #533d2b;
--color-coco-rum-900: #3a2a1d;
--color-coco-rum-950: #24180d;
}SCSS
$coco-rum: #9b7757;
$coco-rum-rgb: 155, 119, 87;
$coco-rum-light: mix(#fff, $coco-rum, 20%);
$coco-rum-dark: mix(#000, $coco-rum, 20%);
.element {
color: $coco-rum;
box-shadow: 0 0 0 2px rgba($coco-rum, 0.35);
}