Adlandırılmış renk · #F5CD82
Cherokee
Cherokee, #F5CD82: rgb(245 205 130), hsl(39 85% 74%), oklch(0.867 0.104 82.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cherokee color name →
#F5CD82
oklch(0.867 0.104 82.3)
Renk dönüşümleri
- HEX
- #f5cd82
- RGB
- rgb(245 205 130)
- HSL
- hsl(39 85% 74%)
- HWB
- hwb(39 51% 4%)
- OKLCH
- oklch(0.867 0.104 82.3)
- OKLab
- oklab(0.867 0.014 0.103)
- CIE Lab
- lab(84.71 7.72 42.72)
- LCH
- lch(84.71 43.41 79.8)
- CMYK
- cmyk(0% 16% 47% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F6D290
- F7D79D
- F8DCA9
- F9E1B6
- FAE6C2
- FBEBCF
- FCF0DB
- FDF5E7
- FEFAF3
Koyu tonlar
- D5B270
- B6985F
- 987E4E
- 7B663E
- 5F4E2F
- 443820
- 2B2312
- 150F06
- 030201
Gri tonlar
- E9C583
- DDBD84
- D1B684
- C5AE84
- B9A684
- AD9E84
- A29783
- 968F82
- 8B8881
Renk uyumları
Tamamlayıcı +180°
- F5CD82
Cherokee
- BCD4FF
≈ Ice Cold Stare
Analog -30° +30°
- F5CD82
Cherokee
- FFC5A2
≈ Tomorrow’s Coral
- D4DB89
≈ Wax Green
Üçlü +120° +240°
- F5CD82
Cherokee
- 77E8F1
≈ Robin’s Egg
- F4BDFC
≈ Electric Lavender
Bölünmüş tamamlayıcı +150° +210°
- F5CD82
Cherokee
- 9EDDFF
≈ Columbia Blue
- D4CBFF
≈ Lavender Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.93:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--cherokee: #f5cd82;
--cherokee-rgb: 245 205 130;
--cherokee-oklch: oklch(0.867 0.104 82.3);
}
.element {
color: var(--cherokee);
background-color: hsl(39 85% 74%);
border-color: oklch(0.867 0.104 82.3);
}Tailwind CSS v4
@theme {
--color-cherokee: #f5cd82;
--color-cherokee-50: #fff3d4;
--color-cherokee-100: #f8e6c1;
--color-cherokee-200: #e9d1a2;
--color-cherokee-300: #d0b379;
--color-cherokee-400: #bd9853;
--color-cherokee-500: #a87f25;
--color-cherokee-600: #8e6b22;
--color-cherokee-700: #72561b;
--color-cherokee-800: #553e11;
--color-cherokee-900: #3b2b0b;
--color-cherokee-950: #251801;
}SCSS
$cherokee: #f5cd82;
$cherokee-rgb: 245, 205, 130;
$cherokee-light: mix(#fff, $cherokee, 20%);
$cherokee-dark: mix(#000, $cherokee, 20%);
.element {
color: $cherokee;
box-shadow: 0 0 0 2px rgba($cherokee, 0.35);
}