Adlandırılmış renk · #FFC66E
Chanterelle
Chanterelle, #FFC66E: rgb(255 198 110), hsl(36 100% 72%), oklch(0.86 0.124 76.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Chanterelle color name →
#FFC66E
oklch(0.86 0.124 76.7)
Renk dönüşümleri
- HEX
- #ffc66e
- RGB
- rgb(255 198 110)
- HSL
- hsl(36 100% 72%)
- HWB
- hwb(36 43% 0%)
- OKLCH
- oklch(0.86 0.124 76.7)
- OKLab
- oklab(0.86 0.029 0.121)
- CIE Lab
- lab(83.8 13.98 51.65)
- LCH
- lch(83.8 53.51 74.9)
- CMYK
- cmyk(0% 22% 57% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFCC7F
- FFD28E
- FFD89D
- FFDEAC
- FFE3BA
- FFE9C8
- FFEFD6
- FFF4E4
- FFFAF1
Koyu tonlar
- DEAC5F
- BE9250
- 9E7A41
- 806233
- 634B26
- 483519
- 2E210E
- 160E04
- 030201
Gri tonlar
- F2BF72
- E5B875
- D8B178
- CBAA7A
- BEA37C
- B29C7D
- A5957E
- 998E7F
- 8C8780
Renk uyumları
Tamamlayıcı +180°
- FFC66E
Chanterelle
- B4D3FF
≈ Ice Cold Stare
Analog -30° +30°
- FFC66E
Chanterelle
- FFC1A4
≈ Sweet Apricot
- DBD771
≈ Species
Üçlü +120° +240°
- FFC66E
Chanterelle
- 56EAEC
≈ Poseidon Jr.
- EDBCFF
≈ Euphoria
Bölünmüş tamamlayıcı +150° +210°
- FFC66E
Chanterelle
- 8FDEFF
≈ Tranquil Pool
- CDCBFF
≈ Lavender Blue
Dörtlü +90° +180° +270°
- FFC66E
Chanterelle
- 77EBBF
≈ Jittery Jade
- B4D3FF
≈ Ice Cold Stare
- FFB9DD
≈ Bubblegum Heart
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.54:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.55:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.55:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--chanterelle: #ffc66e;
--chanterelle-rgb: 255 198 110;
--chanterelle-oklch: oklch(0.86 0.124 76.7);
}
.element {
color: var(--chanterelle);
background-color: hsl(36 100% 72%);
border-color: oklch(0.86 0.124 76.7);
}Tailwind CSS v4
@theme {
--color-chanterelle: #ffc66e;
--color-chanterelle-50: #fff2ce;
--color-chanterelle-100: #ffe4ba;
--color-chanterelle-200: #f1cf98;
--color-chanterelle-300: #dab06c;
--color-chanterelle-400: #c89440;
--color-chanterelle-500: #b47900;
--color-chanterelle-600: #986600;
--color-chanterelle-700: #7a5200;
--color-chanterelle-800: #5b3b00;
--color-chanterelle-900: #402801;
--color-chanterelle-950: #291600;
}SCSS
$chanterelle: #ffc66e;
$chanterelle-rgb: 255, 198, 110;
$chanterelle-light: mix(#fff, $chanterelle, 20%);
$chanterelle-dark: mix(#000, $chanterelle, 20%);
.element {
color: $chanterelle;
box-shadow: 0 0 0 2px rgba($chanterelle, 0.35);
}