Dichtstbijzijnde benoemde kleur · #EC4E35
#EC4E35
Dichtstbijzijnde benoemde kleur: Cascara
#EC4E35 (rgb(236 78 53), hsl(8 83% 57%), oklch(0.64 0.198 31.7)) komt het dichtst bij de benoemde kleur Cascara. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#EC4E35
oklch(0.64 0.198 31.7)
Kleurconversies
- HEX
- #ec4e35
- RGB
- rgb(236 78 53)
- HSL
- hsl(8 83% 57%)
- HWB
- hwb(8 21% 7%)
- OKLCH
- oklch(0.64 0.198 31.7)
- OKLab
- oklab(0.64 0.169 0.104)
- CIE Lab
- lab(56.43 60.78 49.31)
- LCH
- lch(56.43 78.26 39.1)
- CMYK
- cmyk(0% 67% 78% 7%)
Tinten · Schaduwen · Tonen
Tinten
- F1644C
- F57761
- F88A75
- FB9B89
- FEAC9C
- FFBDB0
- FFCEC3
- FFDED7
- FFEFEB
Schaduwen
- CD432D
- AF3825
- 922D1D
- 762315
- 5B190E
- 420F08
- 290703
- 130201
- 030000
Tonen
- E25740
- D95E49
- CF6451
- C56A59
- BA6F60
- B07367
- A4776E
- 997A74
- 8D7D7A
Kleurharmonieën
Complementair +180°
- EC4E35
Cascara
- 009EB3
≈ Lake Blue
Analoog -30° +30°
- EC4E35
Cascara
- E64883
≈ Kacey’s Pink
- CA7400
≈ Dirty Orange
Triadisch +120° +240°
- EC4E35
Cascara
- 00A854
≈ Rita Repulsa
- 657EFF
≈ Byzantine Night Blue
Gesplitst complementair +150° +210°
- EC4E35
Cascara
- 00A291
≈ Turquish
- 0095DF
≈ Atmosphere
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.67:1 · APCA Lc 63
Ag
AAOp zwart
WCAG 5.70:1 · APCA Lc 38
Beste tekstkleur: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
Codefragmenten
CSS
:root {
--cascara: #ec4e35;
--cascara-rgb: 236 78 53;
--cascara-oklch: oklch(0.64 0.198 31.7);
}
.element {
color: var(--cascara);
background-color: hsl(8 83% 57%);
border-color: oklch(0.64 0.198 31.7);
}Tailwind CSS v4
@theme {
--color-cascara: #ec4e35;
--color-cascara-50: #ffe1d0;
--color-cascara-100: #ffd0bd;
--color-cascara-200: #ffb49c;
--color-cascara-300: #ff8e71;
--color-cascara-400: #fe674e;
--color-cascara-500: #ed3a1e;
--color-cascara-600: #c8331c;
--color-cascara-700: #a12917;
--color-cascara-800: #781b12;
--color-cascara-900: #55120c;
--color-cascara-950: #390301;
}SCSS
$cascara: #ec4e35;
$cascara-rgb: 236, 78, 53;
$cascara-light: mix(#fff, $cascara, 20%);
$cascara-dark: mix(#000, $cascara, 20%);
.element {
color: $cascara;
box-shadow: 0 0 0 2px rgba($cascara, 0.35);
}