Adlandırılmış renk · #C5B28B
Earthy Cane
Earthy Cane, #C5B28B: rgb(197 178 139), hsl(40 33% 66%), oklch(0.77 0.057 85). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Earthy Cane color name →
#C5B28B
oklch(0.77 0.057 85)
Renk dönüşümleri
- HEX
- #c5b28b
- RGB
- rgb(197 178 139)
- HSL
- hsl(40 33% 66%)
- HWB
- hwb(40 55% 23%)
- OKLCH
- oklch(0.77 0.057 85)
- OKLab
- oklab(0.77 0.005 0.057)
- CIE Lab
- lab(73.48 2.66 22.63)
- LCH
- lch(73.48 22.78 83.3)
- CMYK
- cmyk(0% 10% 29% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBBA96
- D0C1A2
- D6C9AD
- DCD0B9
- E2D8C4
- E8E0D0
- EDE8DC
- F3EFE7
- F9F7F3
Koyu tonlar
- AB9A78
- 928366
- 796D54
- 615743
- 4B4332
- 352F23
- 211D14
- 0E0C07
- 020101
Gri tonlar
- BEAD8A
- B7A889
- B0A388
- A99E87
- A29986
- 9B9485
- 948F84
- 8D8A83
- 878581
Renk uyumları
Tamamlayıcı +180°
- C5B28B
Earthy Cane
- A3B4DA
≈ Mont Blanc
Analog -30° +30°
- C5B28B
Earthy Cane
- D2AB92
≈ Regina Peach
- B3B990
≈ Secret Glade
Üçlü +120° +240°
- C5B28B
Earthy Cane
- 89BFC5
≈ Celestine
- C7A8C9
≈ Catmint
Bölünmüş tamamlayıcı +150° +210°
- C5B28B
Earthy Cane
- 91BBD4
≈ Bonnie Blue
- B6AED5
≈ Delicate Lilac
Dörtlü +90° +180° +270°
- C5B28B
Earthy Cane
- 8EC1B2
≈ Catarina Green
- A3B4DA
≈ Mont Blanc
- D3A6B6
≈ Lady Flower
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.07:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.11:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--earthy-cane: #c5b28b;
--earthy-cane-rgb: 197 178 139;
--earthy-cane-oklch: oklch(0.77 0.057 85);
}
.element {
color: var(--earthy-cane);
background-color: hsl(40 33% 66%);
border-color: oklch(0.77 0.057 85);
}Tailwind CSS v4
@theme {
--color-earthy-cane: #c5b28b;
--color-earthy-cane-50: #fcf5e3;
--color-earthy-cane-100: #f0e7d3;
--color-earthy-cane-200: #dfd3b9;
--color-earthy-cane-300: #c4b697;
--color-earthy-cane-400: #ae9c78;
--color-earthy-cane-500: #98845a;
--color-earthy-cane-600: #806f4d;
--color-earthy-cane-700: #67593d;
--color-earthy-cane-800: #4c412b;
--color-earthy-cane-900: #352d1d;
--color-earthy-cane-950: #201a0d;
}SCSS
$earthy-cane: #c5b28b;
$earthy-cane-rgb: 197, 178, 139;
$earthy-cane-light: mix(#fff, $earthy-cane, 20%);
$earthy-cane-dark: mix(#000, $earthy-cane, 20%);
.element {
color: $earthy-cane;
box-shadow: 0 0 0 2px rgba($earthy-cane, 0.35);
}