Dichtstbijzijnde benoemde kleur · #ED710E
#ED710E
Dichtstbijzijnde benoemde kleur: Clementine
#ED710E (rgb(237 113 14), hsl(27 89% 49%), oklch(0.684 0.178 49.8)) komt het dichtst bij de benoemde kleur Clementine. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#ED710E
oklch(0.684 0.178 49.8)
Kleurconversies
- HEX
- #ed710e
- RGB
- rgb(237 113 14)
- HSL
- hsl(27 89% 49%)
- HWB
- hwb(27 5% 7%)
- OKLCH
- oklch(0.684 0.178 49.8)
- OKLab
- oklab(0.684 0.115 0.136)
- CIE Lab
- lab(62.26 45.71 67.97)
- LCH
- lch(62.26 81.91 56.1)
- CMYK
- cmyk(0% 52% 94% 7%)
Tinten · Schaduwen · Tonen
Tinten
- F1813A
- F49055
- F79E6C
- F9AD82
- FBBB97
- FDC9AC
- FED6C1
- FFE4D6
- FFF1EA
Schaduwen
- CE610B
- B05207
- 934305
- 773503
- 5C2702
- 421A01
- 2A0E00
- 140400
- 030100
Tonen
- E3742A
- D8773B
- CE7947
- C37B52
- B97D5B
- AE7E63
- A37F6B
- 987F72
- 8C8079
Kleurharmonieën
Complementair +180°
- ED710E
Clementine
- 00A8DD
≈ Blue Fire
Analoog -30° +30°
- ED710E
Clementine
- F4636B
≈ Usubeni Red
- C78E00
≈ Festering Brown
Triadisch +120° +240°
- ED710E
Clementine
- 00B48C
≈ Chromophobia Green
- 9A82FE
≈ Periwinkle
Gesplitst complementair +150° +210°
- ED710E
Clementine
- 00AFB6
≈ Mermaid Treasure
- 5897FF
≈ Blue Chaos
Tetradisch +90° +180° +270°
- ED710E
Clementine
- 56B33E
≈ Skirret Green
- 00A8DD
≈ Blue Fire
- C870DD
≈ Purple Snail
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.01:1 · APCA Lc 56
Ag
AAOp zwart
WCAG 6.96:1 · APCA Lc 46
Beste tekstkleur: #000000
WCAG 6.96:1 (AA) · APCA Lc 46
Contrast pairs
Codefragmenten
CSS
:root {
--clementine: #ed710e;
--clementine-rgb: 237 113 14;
--clementine-oklch: oklch(0.684 0.178 49.8);
}
.element {
color: var(--clementine);
background-color: hsl(27 89% 49%);
border-color: oklch(0.684 0.178 49.8);
}Tailwind CSS v4
@theme {
--color-clementine: #ed710e;
--color-clementine-50: #ffe8c7;
--color-clementine-100: #ffd8b1;
--color-clementine-200: #ffbe8c;
--color-clementine-300: #fe9b5c;
--color-clementine-400: #ef7929;
--color-clementine-500: #dd5500;
--color-clementine-600: #bb4900;
--color-clementine-700: #963b00;
--color-clementine-800: #712900;
--color-clementine-900: #501b00;
--color-clementine-950: #350a00;
}SCSS
$clementine: #ed710e;
$clementine-rgb: 237, 113, 14;
$clementine-light: mix(#fff, $clementine, 20%);
$clementine-dark: mix(#000, $clementine, 20%);
.element {
color: $clementine;
box-shadow: 0 0 0 2px rgba($clementine, 0.35);
}