Adlandırılmış renk · #EE8811
Mimolette Orange
Mimolette Orange, #EE8811: rgb(238 136 17), hsl(32 87% 50%), oklch(0.722 0.165 60.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? → · Mimolette Orange color name →
#EE8811
oklch(0.722 0.165 60.3)
Renk dönüşümleri
- HEX
- #ee8811
- RGB
- rgb(238 136 17)
- HSL
- hsl(32 87% 50%)
- HWB
- hwb(32 7% 7%)
- OKLCH
- oklch(0.722 0.165 60.3)
- OKLab
- oklab(0.722 0.082 0.144)
- CIE Lab
- lab(67.06 35.06 70.39)
- LCH
- lch(67.06 78.64 63.5)
- CMYK
- cmyk(0% 43% 93% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1953D
- F4A158
- F6AD70
- F8B986
- FAC59A
- FCD1AF
- FDDDC3
- FEE8D7
- FFF4EB
Koyu tonlar
- CF750D
- B16309
- 935206
- 774104
- 5C3102
- 422201
- 2A1300
- 140600
- 030100
Gri tonlar
- E3882D
- D9883E
- CE884A
- C38755
- B8875E
- AD8666
- A2856D
- 978374
- 8C827A
Renk uyumları
Tamamlayıcı +180°
- EE8811
Mimolette Orange
- 1AB0FF
≈ Fantasy Console Sky
Analog -30° +30°
- EE8811
Mimolette Orange
- FB7764
≈ Akebono Dawn
- C9A000
≈ Lepton Gold
Üçlü +120° +240°
- EE8811
Mimolette Orange
- 00BFA9
≈ Turquoise
- B68AFC
≈ Lilac Geode
Bölünmüş tamamlayıcı +150° +210°
- EE8811
Mimolette Orange
- 00BAD1
≈ Holiday Blue
- 839FFF
≈ Periwinkle Blue
Dörtlü +90° +180° +270°
- EE8811
Mimolette Orange
- 44C16B
≈ Iridescent Green
- 1AB0FF
≈ Fantasy Console Sky
- DE7BD5
≈ Hibiscus Pop
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.57:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.16:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.16:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--mimolette-orange: #ee8811;
--mimolette-orange-rgb: 238 136 17;
--mimolette-orange-oklch: oklch(0.722 0.165 60.3);
}
.element {
color: var(--mimolette-orange);
background-color: hsl(32 87% 50%);
border-color: oklch(0.722 0.165 60.3);
}Tailwind CSS v4
@theme {
--color-mimolette-orange: #ee8811;
--color-mimolette-orange-50: #ffecc5;
--color-mimolette-orange-100: #ffdcaf;
--color-mimolette-orange-200: #ffc589;
--color-mimolette-orange-300: #f3a357;
--color-mimolette-orange-400: #e38319;
--color-mimolette-orange-500: #d16300;
--color-mimolette-orange-600: #b15500;
--color-mimolette-orange-700: #8e4400;
--color-mimolette-orange-800: #6a3000;
--color-mimolette-orange-900: #4b2000;
--color-mimolette-orange-950: #310f00;
}SCSS
$mimolette-orange: #ee8811;
$mimolette-orange-rgb: 238, 136, 17;
$mimolette-orange-light: mix(#fff, $mimolette-orange, 20%);
$mimolette-orange-dark: mix(#000, $mimolette-orange, 20%);
.element {
color: $mimolette-orange;
box-shadow: 0 0 0 2px rgba($mimolette-orange, 0.35);
}