Couleur nommée · #64453C
Rocky Road
Rocky Road correspond à #64453C : rgb(100 69 60), hsl(13 25% 31%), oklch(0.422 0.046 36.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Brown mean? → · Rocky Road color name →
#64453C
oklch(0.422 0.046 36.8)
Conversions de couleur
- HEX
- #64453c
- RGB
- rgb(100 69 60)
- HSL
- hsl(13 25% 31%)
- HWB
- hwb(13 24% 61%)
- OKLCH
- oklch(0.422 0.046 36.8)
- OKLab
- oklab(0.422 0.037 0.027)
- CIE Lab
- lab(32.65 12.8 11.06)
- LCH
- lch(32.65 16.91 40.8)
- CMYK
- cmyk(0% 31% 40% 61%)
Teintes · Ombres · Tons
Teintes
- 73564D
- 82675F
- 917972
- A08B85
- AF9D98
- BFB0AC
- CFC3C0
- DFD7D5
- EFEBEA
Ombres
- 563B33
- 48312A
- 3B2721
- 2E1E19
- 221511
- 160C0A
- 0B0504
- 030201
- 000000
Tons
- 674B43
- 6A5149
- 6D5650
- 705C57
- 73625D
- 766864
- 786E6B
- 7B7472
- 7D7A79
Harmonies de couleurs
Complémentaire +180°
- 64453C
Rocky Road
- 2F545E
≈ Cold Sea Currents
Analogue -30° +30°
- 64453C
Rocky Road
- 644349
≈ Plum Intended
- 5F4932
≈ Beauty Spot
Triadique +120° +240°
- 64453C
Rocky Road
- 385544
≈ O’Neal Green
- 474C67
≈ Crown Blue
Complémentaire divisée +150° +210°
- 64453C
Rocky Road
- 2E5652
≈ Hidden Depths
- 395066
≈ Inked
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.54:1 · APCA Lc 89
Ag
FailSur noir
WCAG 2.45:1 · APCA Lc 13
Meilleure couleur de texte: #FFFFFF
WCAG 8.54:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--rocky-road: #64453c;
--rocky-road-rgb: 100 69 60;
--rocky-road-oklch: oklch(0.422 0.046 36.8);
}
.element {
color: var(--rocky-road);
background-color: hsl(13 25% 31%);
border-color: oklch(0.422 0.046 36.8);
}Tailwind CSS v4
@theme {
--color-rocky-road: #64453c;
--color-rocky-road-50: #fff1ec;
--color-rocky-road-100: #f6e3dd;
--color-rocky-road-200: #e7cec6;
--color-rocky-road-300: #cdb0a7;
--color-rocky-road-400: #b7968c;
--color-rocky-road-500: #a27c71;
--color-rocky-road-600: #896960;
--color-rocky-road-700: #6e544c;
--color-rocky-road-800: #513d38;
--color-rocky-road-900: #382a26;
--color-rocky-road-950: #231715;
}SCSS
$rocky-road: #64453c;
$rocky-road-rgb: 100, 69, 60;
$rocky-road-light: mix(#fff, $rocky-road, 20%);
$rocky-road-dark: mix(#000, $rocky-road, 20%);
.element {
color: $rocky-road;
box-shadow: 0 0 0 2px rgba($rocky-road, 0.35);
}