Colore con nome · #EE9A09
Cheddar
Cheddar è #EE9A09: rgb(238 154 9), hsl(38 93% 48%), oklch(0.753 0.161 70.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cheddar color name →
#EE9A09
oklch(0.753 0.161 70.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F1A53D
- F3AF5A
- F5BA72
- F7C487
- F9CE9C
- FAD8B0
- FCE2C4
- FDECD8
- FEF5EC
Ombre
- CF8507
- B17105
- 935E03
- 774B02
- 5C3901
- 422701
- 2A1700
- 140900
- 030100
Toni
- E3982D
- D8963E
- CD944B
- C29156
- B78F5F
- AC8C67
- A1896E
- 968675
- 8B837A
Armonie di colore
Complementare +180°
- EE9A09
Cheddar
- 6BB4FF
≈ French Sky Blue
Analogo -30° +30°
- EE9A09
Cheddar
- FF8A5F
≈ After Burn
- C6B000
≈ Brownish Yellow
Triadico +120° +240°
- EE9A09
Cheddar
- 00C8C2
≈ Swimmers Pool
- CF8FFA
≈ Liliac
Complementare divisa +150° +210°
- EE9A09
Cheddar
- 00C2EB
≈ Blue Raspberry
- A0A5FF
≈ Widowmaker
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.26:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.26:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.26:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
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);
}