Adlandırılmış renk · #EEBB66
Flaming June
Flaming June, #EEBB66: rgb(238 187 102), hsl(37 80% 67%), oklch(0.821 0.119 78.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? → · Flaming June color name →
#EEBB66
oklch(0.821 0.119 78.7)
Renk dönüşümleri
- HEX
- #eebb66
- RGB
- rgb(238 187 102)
- HSL
- hsl(37 80% 67%)
- HWB
- hwb(37 40% 7%)
- OKLCH
- oklch(0.821 0.119 78.7)
- OKLab
- oklab(0.821 0.023 0.116)
- CIE Lab
- lab(79.3 12.06 49.76)
- LCH
- lch(79.3 51.2 76.4)
- CMYK
- cmyk(0% 21% 57% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0C277
- F2C988
- F4D097
- F6D7A7
- F7DEB6
- F9E4C5
- FBEBD3
- FCF2E2
- FEF8F0
Koyu tonlar
- CFA258
- B18A4A
- 93733C
- 775C2F
- 5C4623
- 423217
- 2A1F0C
- 140D04
- 030200
Gri tonlar
- E3B56B
- D7AF6F
- CCA972
- C1A475
- B69E78
- AB987A
- A0927C
- 958C7E
- 8B867F
Renk uyumları
Tamamlayıcı +180°
- EEBB66
Flaming June
- A1C6FF
≈ Apocyan
Analog -30° +30°
- EEBB66
Flaming June
- FFAF84
≈ Spice Pink
- CBCB6B
≈ Gentle Dill
Üçlü +120° +240°
- EEBB66
Flaming June
- 4FDCE1
≈ Neon Nazar
- E5ACF6
≈ Candy Dreams
Bölünmüş tamamlayıcı +150° +210°
- EEBB66
Flaming June
- 6CD3FF
≈ Heisenberg Blue
- C2BBFF
≈ Dried Lilac
Dörtlü +90° +180° +270°
- EEBB66
Flaming June
- 6CDDB7
≈ Beryl
- A1C6FF
≈ Apocyan
- FEA4D1
≈ Corinthian Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.75:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.93:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 11.93:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--flaming-june: #eebb66;
--flaming-june-rgb: 238 187 102;
--flaming-june-oklch: oklch(0.821 0.119 78.7);
}
.element {
color: var(--flaming-june);
background-color: hsl(37 80% 67%);
border-color: oklch(0.821 0.119 78.7);
}Tailwind CSS v4
@theme {
--color-flaming-june: #eebb66;
--color-flaming-june-50: #fff2d0;
--color-flaming-june-100: #fde4bc;
--color-flaming-june-200: #efd09a;
--color-flaming-june-300: #d7b16f;
--color-flaming-june-400: #c49545;
--color-flaming-june-500: #b07b00;
--color-flaming-june-600: #956806;
--color-flaming-june-700: #775307;
--color-flaming-june-800: #593c04;
--color-flaming-june-900: #3e2904;
--color-flaming-june-950: #271700;
}SCSS
$flaming-june: #eebb66;
$flaming-june-rgb: 238, 187, 102;
$flaming-june-light: mix(#fff, $flaming-june, 20%);
$flaming-june-dark: mix(#000, $flaming-june, 20%);
.element {
color: $flaming-june;
box-shadow: 0 0 0 2px rgba($flaming-june, 0.35);
}