Adlandırılmış renk · #EA5013
Crunchy Carrot
Crunchy Carrot, #EA5013: rgb(234 80 19), hsl(17 85% 50%), oklch(0.637 0.2 38.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Crunchy Carrot color name →
#EA5013
oklch(0.637 0.2 38.2)
Renk dönüşümleri
- HEX
- #ea5013
- RGB
- rgb(234 80 19)
- HSL
- hsl(17 85% 50%)
- HWB
- hwb(17 7% 8%)
- OKLCH
- oklch(0.637 0.2 38.2)
- OKLab
- oklab(0.637 0.157 0.124)
- CIE Lab
- lab(56.18 58.82 63.04)
- LCH
- lch(56.18 86.22 47)
- CMYK
- cmyk(0% 66% 92% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EF6538
- F37952
- F78B69
- FA9C7F
- FCAD94
- FEBEAA
- FFCEBF
- FFDFD4
- FFEFE9
Koyu tonlar
- CB440F
- AE390B
- 912E07
- 752405
- 5A1A03
- 411001
- 290701
- 130200
- 030000
Gri tonlar
- E1582A
- D75F39
- CD6545
- C36B4F
- B96F58
- AF7461
- A47769
- 987B71
- 8D7D79
Renk uyumları
Tamamlayıcı +180°
- EA5013
Crunchy Carrot
- 009BB9
≈ Brilliant Sea
Analog -30° +30°
- EA5013
Crunchy Carrot
- E84673
≈ Radishical
- C17800
≈ Cassandra’s Curse
Üçlü +120° +240°
- EA5013
Crunchy Carrot
- 00A568
≈ Jungle
- 7477FF
≈ Stargate Shimmer
Bölünmüş tamamlayıcı +150° +210°
- EA5013
Crunchy Carrot
- 00A098
≈ Spectra Green
- 0090ED
≈ Bleu de France
Dörtlü +90° +180° +270°
- EA5013
Crunchy Carrot
- 6D9D00
≈ Elven Olympics
- 009BB9
≈ Brilliant Sea
- AD61E6
≈ Violet Voltage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.71:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.65:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.65:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--crunchy-carrot: #ea5013;
--crunchy-carrot-rgb: 234 80 19;
--crunchy-carrot-oklch: oklch(0.637 0.2 38.2);
}
.element {
color: var(--crunchy-carrot);
background-color: hsl(17 85% 50%);
border-color: oklch(0.637 0.2 38.2);
}Tailwind CSS v4
@theme {
--color-crunchy-carrot: #ea5013;
--color-crunchy-carrot-50: #ffe3ca;
--color-crunchy-carrot-100: #ffd2b5;
--color-crunchy-carrot-200: #ffb692;
--color-crunchy-carrot-300: #ff9064;
--color-crunchy-carrot-400: #fd6a39;
--color-crunchy-carrot-500: #ec3e00;
--color-crunchy-carrot-600: #c73700;
--color-crunchy-carrot-700: #a02c00;
--color-crunchy-carrot-800: #781d00;
--color-crunchy-carrot-900: #551301;
--color-crunchy-carrot-950: #390400;
}SCSS
$crunchy-carrot: #ea5013;
$crunchy-carrot-rgb: 234, 80, 19;
$crunchy-carrot-light: mix(#fff, $crunchy-carrot, 20%);
$crunchy-carrot-dark: mix(#000, $crunchy-carrot, 20%);
.element {
color: $crunchy-carrot;
box-shadow: 0 0 0 2px rgba($crunchy-carrot, 0.35);
}