Adlandırılmış renk · #EE4411
Corn Poppy Cherry
Corn Poppy Cherry, #EE4411: rgb(238 68 17), hsl(14 87% 50%), oklch(0.631 0.213 35.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Corn Poppy Cherry color name →
#EE4411
oklch(0.631 0.213 35.1)
Renk dönüşümleri
- HEX
- #ee4411
- RGB
- rgb(238 68 17)
- HSL
- hsl(14 87% 50%)
- HWB
- hwb(14 7% 7%)
- OKLCH
- oklch(0.631 0.213 35.1)
- OKLab
- oklab(0.631 0.175 0.123)
- CIE Lab
- lab(55.28 64.38 63.58)
- LCH
- lch(55.28 90.49 44.6)
- CMYK
- cmyk(0% 71% 93% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F35D37
- F77251
- FA8568
- FD987E
- FFAA93
- FFBBA9
- FFCCBE
- FFDDD4
- FFEEE9
Koyu tonlar
- CF3A0D
- B13009
- 932606
- 771D04
- 5C1402
- 420C01
- 2A0500
- 140200
- 030000
Gri tonlar
- E44F29
- DB5838
- D06044
- C6664E
- BC6C58
- B17161
- A67569
- 9A7971
- 8D7D79
Renk uyumları
Tamamlayıcı +180°
- EE4411
Corn Poppy Cherry
- 009AB3
≈ Caneel Bay
Analog -30° +30°
- EE4411
Corn Poppy Cherry
- EA3B78
≈ Fantasy Romance
- C27400
≈ Dirty Orange
Üçlü +120° +240°
- EE4411
Corn Poppy Cherry
- 00A45E
≈ Alhambra Green
- 6B77FF
≈ Byzantine Night Blue
Bölünmüş tamamlayıcı +150° +210°
- EE4411
Corn Poppy Cherry
- 009F92
≈ On a Whim
- 0090E2
≈ Bleu de France
Dörtlü +90° +180° +270°
- EE4411
Corn Poppy Cherry
- 739900
≈ Green Thumb
- 009AB3
≈ Caneel Bay
- A95CEE
≈ Orion Nebula
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.83:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.47:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.47:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--corn-poppy-cherry: #ee4411;
--corn-poppy-cherry-rgb: 238 68 17;
--corn-poppy-cherry-oklch: oklch(0.631 0.213 35.1);
}
.element {
color: var(--corn-poppy-cherry);
background-color: hsl(14 87% 50%);
border-color: oklch(0.631 0.213 35.1);
}Tailwind CSS v4
@theme {
--color-corn-poppy-cherry: #ee4411;
--color-corn-poppy-cherry-50: #ffe0ca;
--color-corn-poppy-cherry-100: #ffcfb5;
--color-corn-poppy-cherry-200: #ffb292;
--color-corn-poppy-cherry-300: #ff8b64;
--color-corn-poppy-cherry-400: #ff623a;
--color-corn-poppy-cherry-500: #f22f00;
--color-corn-poppy-cherry-600: #cd2b00;
--color-corn-poppy-cherry-700: #a52300;
--color-corn-poppy-cherry-800: #7b1601;
--color-corn-poppy-cherry-900: #570f02;
--color-corn-poppy-cherry-950: #3a0000;
}SCSS
$corn-poppy-cherry: #ee4411;
$corn-poppy-cherry-rgb: 238, 68, 17;
$corn-poppy-cherry-light: mix(#fff, $corn-poppy-cherry, 20%);
$corn-poppy-cherry-dark: mix(#000, $corn-poppy-cherry, 20%);
.element {
color: $corn-poppy-cherry;
box-shadow: 0 0 0 2px rgba($corn-poppy-cherry, 0.35);
}