이름 색상 · #EE9A09
Cheddar
Cheddar은(는) #EE9A09: rgb(238 154 9), hsl(38 93% 48%), oklch(0.753 0.161 70.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cheddar color name →
#EE9A09
oklch(0.753 0.161 70.5)
색상 변환
- HEX
- #ee9a09
- RGB
- rgb(238 154 9)
- HSL
- hsl(38 93% 48%)
- HWB
- hwb(38 4% 7%)
- OKLCH
- oklch(0.753 0.161 70.5)
- OKLab
- oklab(0.753 0.054 0.152)
- CIE Lab
- lab(71.01 26.01 74.05)
- LCH
- lch(71.01 78.49 70.6)
- CMYK
- cmyk(0% 35% 96% 7%)
틴트 · 셰이드 · 톤
틴트
- F1A53D
- F3AF5A
- F5BA72
- F7C487
- F9CE9C
- FAD8B0
- FCE2C4
- FDECD8
- FEF5EC
셰이드
- CF8507
- B17105
- 935E03
- 774B02
- 5C3901
- 422701
- 2A1700
- 140900
- 030100
톤
- E3982D
- D8963E
- CD944B
- C29156
- B78F5F
- AC8C67
- A1896E
- 968675
- 8B837A
색 조화
보색 +180°
- EE9A09
Cheddar
- 6BB4FF
≈ French Sky Blue
유사색 -30° +30°
- EE9A09
Cheddar
- FF8A5F
≈ After Burn
- C6B000
≈ Brownish Yellow
삼각 배색 +120° +240°
- EE9A09
Cheddar
- 00C8C2
≈ Swimmers Pool
- CF8FFA
≈ Liliac
분열 보색 +150° +210°
- EE9A09
Cheddar
- 00C2EB
≈ Blue Raspberry
- A0A5FF
≈ Widowmaker
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.26:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.26:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.26:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--cheddar: #ee9a09;
--cheddar-rgb: 238 154 9;
--cheddar-oklch: oklch(0.753 0.161 70.5);
}
.element {
color: var(--cheddar);
background-color: hsl(38 93% 48%);
border-color: oklch(0.753 0.161 70.5);
}Tailwind CSS v4
@theme {
--color-cheddar: #ee9a09;
--color-cheddar-50: #ffefc3;
--color-cheddar-100: #ffe0ad;
--color-cheddar-200: #ffc985;
--color-cheddar-300: #eaa951;
--color-cheddar-400: #d98b00;
--color-cheddar-500: #c76d00;
--color-cheddar-600: #a85d00;
--color-cheddar-700: #874a00;
--color-cheddar-800: #653500;
--color-cheddar-900: #472400;
--color-cheddar-950: #2e1200;
}SCSS
$cheddar: #ee9a09;
$cheddar-rgb: 238, 154, 9;
$cheddar-light: mix(#fff, $cheddar, 20%);
$cheddar-dark: mix(#000, $cheddar, 20%);
.element {
color: $cheddar;
box-shadow: 0 0 0 2px rgba($cheddar, 0.35);
}