En yakın adlandırılmış renk · #68553E
#68553E
En yakın adlandırılmış renk: Wild Chocolate
#68553E (rgb(104 85 62), hsl(33 25% 33%), oklch(0.462 0.043 71.8)) en çok Wild Chocolate adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#68553E
oklch(0.462 0.043 71.8)
Renk dönüşümleri
- HEX
- #68553e
- RGB
- rgb(104 85 62)
- HSL
- hsl(33 25% 33%)
- HWB
- hwb(33 24% 59%)
- OKLCH
- oklch(0.462 0.043 71.8)
- OKLab
- oklab(0.462 0.013 0.041)
- CIE Lab
- lab(37.63 5.47 16.54)
- LCH
- lch(37.63 17.43 71.7)
- CMYK
- cmyk(0% 18% 40% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 766550
- 847461
- 938574
- A29587
- B1A69A
- C0B7AD
- D0C9C1
- DFDBD5
- EFEDEA
Koyu tonlar
- 594935
- 4B3D2B
- 3E3123
- 30261A
- 241C12
- 18110A
- 0C0804
- 040201
- 000000
Gri tonlar
- 6A5945
- 6D5E4B
- 6F6252
- 726658
- 746A5F
- 776F65
- 79736C
- 7B7773
- 7E7C79
Renk uyumları
Tamamlayıcı +180°
- 68553E
Wild Chocolate
- 475B70
≈ Motor City Blue
Analog -30° +30°
- 68553E
Wild Chocolate
- 6E5146
≈ Calthan Brown
- 5D5A3E
≈ Tuscan Olive
Üçlü +120° +240°
- 68553E
Wild Chocolate
- 3B615F
≈ Pyrite Green
- 61526B
≈ Blackberry Farm
Bölünmüş tamamlayıcı +150° +210°
- 68553E
Wild Chocolate
- 3D5E6A
≈ Freedom
- 545671
≈ Majestic Magic
Dörtlü +90° +180° +270°
- 68553E
Wild Chocolate
- 436051
≈ Mission Jewel
- 475B70
≈ Motor City Blue
- 6A4F60
≈ Exclusively
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.10:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.95:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.10:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--wild-chocolate: #68553e;
--wild-chocolate-rgb: 104 85 62;
--wild-chocolate-oklch: oklch(0.462 0.043 71.8);
}
.element {
color: var(--wild-chocolate);
background-color: hsl(33 25% 33%);
border-color: oklch(0.462 0.043 71.8);
}Tailwind CSS v4
@theme {
--color-wild-chocolate: #68553e;
--color-wild-chocolate-50: #fdf4e8;
--color-wild-chocolate-100: #f1e6d9;
--color-wild-chocolate-200: #e0d2c1;
--color-wild-chocolate-300: #c5b5a0;
--color-wild-chocolate-400: #af9b83;
--color-wild-chocolate-500: #988267;
--color-wild-chocolate-600: #816e58;
--color-wild-chocolate-700: #675846;
--color-wild-chocolate-800: #4c4032;
--color-wild-chocolate-900: #352c22;
--color-wild-chocolate-950: #201911;
}SCSS
$wild-chocolate: #68553e;
$wild-chocolate-rgb: 104, 85, 62;
$wild-chocolate-light: mix(#fff, $wild-chocolate, 20%);
$wild-chocolate-dark: mix(#000, $wild-chocolate, 20%);
.element {
color: $wild-chocolate;
box-shadow: 0 0 0 2px rgba($wild-chocolate, 0.35);
}