Benannte Farbe · #EE9A09
Cheddar
Cheddar ist #EE9A09: rgb(238 154 9), hsl(38 93% 48%), oklch(0.753 0.161 70.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cheddar color name →
#EE9A09
oklch(0.753 0.161 70.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- F1A53D
- F3AF5A
- F5BA72
- F7C487
- F9CE9C
- FAD8B0
- FCE2C4
- FDECD8
- FEF5EC
Shades
- CF8507
- B17105
- 935E03
- 774B02
- 5C3901
- 422701
- 2A1700
- 140900
- 030100
Tones
- E3982D
- D8963E
- CD944B
- C29156
- B78F5F
- AC8C67
- A1896E
- 968675
- 8B837A
Farbharmonien
Komplementär +180°
- EE9A09
Cheddar
- 6BB4FF
≈ French Sky Blue
Analog -30° +30°
- EE9A09
Cheddar
- FF8A5F
≈ After Burn
- C6B000
≈ Brownish Yellow
Triadisch +120° +240°
- EE9A09
Cheddar
- 00C8C2
≈ Swimmers Pool
- CF8FFA
≈ Liliac
Geteilt komplementär +150° +210°
- EE9A09
Cheddar
- 00C2EB
≈ Blue Raspberry
- A0A5FF
≈ Widowmaker
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.26:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.26:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.26:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
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);
}