이름 색상 · #EA5013
Crunchy Carrot
Crunchy Carrot은(는) #EA5013: rgb(234 80 19), hsl(17 85% 50%), oklch(0.637 0.2 38.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Crunchy Carrot color name →
#EA5013
oklch(0.637 0.2 38.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EF6538
- F37952
- F78B69
- FA9C7F
- FCAD94
- FEBEAA
- FFCEBF
- FFDFD4
- FFEFE9
셰이드
- CB440F
- AE390B
- 912E07
- 752405
- 5A1A03
- 411001
- 290701
- 130200
- 030000
톤
- E1582A
- D75F39
- CD6545
- C36B4F
- B96F58
- AF7461
- A47769
- 987B71
- 8D7D79
색 조화
보색 +180°
- EA5013
Crunchy Carrot
- 009BB9
≈ Brilliant Sea
유사색 -30° +30°
- EA5013
Crunchy Carrot
- E84673
≈ Radishical
- C17800
≈ Cassandra’s Curse
삼각 배색 +120° +240°
- EA5013
Crunchy Carrot
- 00A568
≈ Jungle
- 7477FF
≈ Stargate Shimmer
분열 보색 +150° +210°
- EA5013
Crunchy Carrot
- 00A098
≈ Spectra Green
- 0090ED
≈ Bleu de France
사각 배색 +90° +180° +270°
- EA5013
Crunchy Carrot
- 6D9D00
≈ Elven Olympics
- 009BB9
≈ Brilliant Sea
- AD61E6
≈ Violet Voltage
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.71:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.65:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.65:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
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);
}