Colore con nome · #E19C35
Intense Yellow
Intense Yellow è #E19C35: rgb(225 156 53), hsl(36 74% 55%), oklch(0.743 0.14 72.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Intense Yellow color name →
#E19C35
oklch(0.743 0.14 72.6)
Conversioni di colore
- HEX
- #e19c35
- RGB
- rgb(225 156 53)
- HSL
- hsl(36 74% 55%)
- HWB
- hwb(36 21% 12%)
- OKLCH
- oklch(0.743 0.14 72.6)
- OKLab
- oklab(0.743 0.042 0.133)
- CIE Lab
- lab(70.04 20.25 61.23)
- LCH
- lch(70.04 64.49 71.7)
- CMYK
- cmyk(0% 31% 76% 12%)
Tinte · Ombre · Toni
Tinte
- E5A650
- E8B067
- EBBA7C
- EFC48F
- F2CEA2
- F5D8B5
- F7E2C8
- FAECDA
- FDF5ED
Ombre
- C4872D
- A77325
- 8B5F1D
- 704C15
- 56390E
- 3E2808
- 271803
- 120901
- 020100
Toni
- D79A43
- CE974D
- C49556
- BA925E
- B08F65
- A78C6C
- 9D8971
- 938677
- 8A837B
Armonie di colore
Complementare +180°
- E19C35
Intense Yellow
- 69B0FF
≈ Tiān Lán Sky
Analogo -30° +30°
- E19C35
Intense Yellow
- F48C61
≈ Barbarian
- BDAF32
≈ Sharp Lime
Triadico +120° +240°
- E19C35
Intense Yellow
- 00C5C1
≈ Cala Benirrás Blue
- CA90EB
≈ Luminous Lavender
Complementare divisa +150° +210°
- E19C35
Intense Yellow
- 00BEEA
≈ Blue Raspberry
- A0A0FF
≈ Cobalite
Tetradico +90° +180° +270°
- E19C35
Intense Yellow
- 41C792
≈ Enamelled Dragon
- 69B0FF
≈ Tiān Lán Sky
- E886C4
≈ Blushed Bombshell
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.00:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--intense-yellow: #e19c35;
--intense-yellow-rgb: 225 156 53;
--intense-yellow-oklch: oklch(0.743 0.14 72.6);
}
.element {
color: var(--intense-yellow);
background-color: hsl(36 74% 55%);
border-color: oklch(0.743 0.14 72.6);
}Tailwind CSS v4
@theme {
--color-intense-yellow: #e19c35;
--color-intense-yellow-50: #fff0c9;
--color-intense-yellow-100: #ffe2b4;
--color-intense-yellow-200: #f8cc90;
--color-intense-yellow-300: #e2ad61;
--color-intense-yellow-400: #d0902e;
--color-intense-yellow-500: #bd7300;
--color-intense-yellow-600: #9f6200;
--color-intense-yellow-700: #804e00;
--color-intense-yellow-800: #603800;
--color-intense-yellow-900: #432600;
--color-intense-yellow-950: #2b1400;
}SCSS
$intense-yellow: #e19c35;
$intense-yellow-rgb: 225, 156, 53;
$intense-yellow-light: mix(#fff, $intense-yellow, 20%);
$intense-yellow-dark: mix(#000, $intense-yellow, 20%);
.element {
color: $intense-yellow;
box-shadow: 0 0 0 2px rgba($intense-yellow, 0.35);
}