Adlandırılmış renk · #64453C
Rocky Road
Rocky Road, #64453C: rgb(100 69 60), hsl(13 25% 31%), oklch(0.422 0.046 36.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Rocky Road color name →
#64453C
oklch(0.422 0.046 36.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 73564D
- 82675F
- 917972
- A08B85
- AF9D98
- BFB0AC
- CFC3C0
- DFD7D5
- EFEBEA
Koyu tonlar
- 563B33
- 48312A
- 3B2721
- 2E1E19
- 221511
- 160C0A
- 0B0504
- 030201
- 000000
Gri tonlar
- 674B43
- 6A5149
- 6D5650
- 705C57
- 73625D
- 766864
- 786E6B
- 7B7472
- 7D7A79
Renk uyumları
Tamamlayıcı +180°
- 64453C
Rocky Road
- 2F545E
≈ Cold Sea Currents
Analog -30° +30°
- 64453C
Rocky Road
- 644349
≈ Plum Intended
- 5F4932
≈ Beauty Spot
Üçlü +120° +240°
- 64453C
Rocky Road
- 385544
≈ O’Neal Green
- 474C67
≈ Crown Blue
Bölünmüş tamamlayıcı +150° +210°
- 64453C
Rocky Road
- 2E5652
≈ Hidden Depths
- 395066
≈ Inked
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.54:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.45:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 8.54:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
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);
}