Benoemde kleur · #EE6611
Honey Teriyaki
Honey Teriyaki is #EE6611: rgb(238 102 17), hsl(23 87% 50%), oklch(0.67 0.187 45). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Honey Teriyaki color name →
#EE6611
oklch(0.67 0.187 45)
Kleurconversies
- HEX
- #ee6611
- RGB
- rgb(238 102 17)
- HSL
- hsl(23 87% 50%)
- HWB
- hwb(23 7% 7%)
- OKLCH
- oklch(0.67 0.187 45)
- OKLab
- oklab(0.67 0.132 0.132)
- CIE Lab
- lab(60.41 51.09 66.38)
- LCH
- lch(60.41 83.76 52.4)
- CMYK
- cmyk(0% 57% 93% 7%)
Tinten · Schaduwen · Tonen
Tinten
- F2773A
- F58854
- F8986B
- FBA781
- FDB697
- FEC5AB
- FFD4C0
- FFE2D5
- FFF1EA
Schaduwen
- CF580D
- B14A09
- 933C06
- 772F04
- 5C2302
- 421701
- 2A0C00
- 140400
- 030000
Tonen
- E46B2B
- DA6F3A
- CF7247
- C57551
- BA785A
- AF7A63
- A47C6B
- 987E72
- 8C7F79
Kleurharmonieën
Complementair +180°
- EE6611
Honey Teriyaki
- 00A5D0
≈ Charybdis
Analoog -30° +30°
- EE6611
Honey Teriyaki
- F15970
≈ Pink Pepper
- C78600
≈ Bubonic Brown
Triadisch +120° +240°
- EE6611
Honey Teriyaki
- 00B07F
≈ Bright Camouflage
- 8D80FF
≈ Periwinkle
Gesplitst complementair +150° +210°
- EE6611
Honey Teriyaki
- 00ABAB
≈ Jade Orchid
- 3D95FF
≈ Brilliant Azure
Tetradisch +90° +180° +270°
- EE6611
Honey Teriyaki
- 5EAD1A
≈ Dark Slimelime
- 00A5D0
≈ Charybdis
- BF6BE3
≈ Lavender
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.20:1 · APCA Lc 58
Ag
AAOp zwart
WCAG 6.54:1 · APCA Lc 43
Beste tekstkleur: #000000
WCAG 6.54:1 (AA) · APCA Lc 43
Contrast pairs
Codefragmenten
CSS
:root {
--honey-teriyaki: #ee6611;
--honey-teriyaki-rgb: 238 102 17;
--honey-teriyaki-oklch: oklch(0.67 0.187 45);
}
.element {
color: var(--honey-teriyaki);
background-color: hsl(23 87% 50%);
border-color: oklch(0.67 0.187 45);
}Tailwind CSS v4
@theme {
--color-honey-teriyaki: #ee6611;
--color-honey-teriyaki-50: #ffe6c8;
--color-honey-teriyaki-100: #ffd5b3;
--color-honey-teriyaki-200: #ffbb8e;
--color-honey-teriyaki-300: #ff975e;
--color-honey-teriyaki-400: #f5732f;
--color-honey-teriyaki-500: #e34d00;
--color-honey-teriyaki-600: #c04200;
--color-honey-teriyaki-700: #9a3500;
--color-honey-teriyaki-800: #742400;
--color-honey-teriyaki-900: #521800;
--color-honey-teriyaki-950: #360800;
}SCSS
$honey-teriyaki: #ee6611;
$honey-teriyaki-rgb: 238, 102, 17;
$honey-teriyaki-light: mix(#fff, $honey-teriyaki, 20%);
$honey-teriyaki-dark: mix(#000, $honey-teriyaki, 20%);
.element {
color: $honey-teriyaki;
box-shadow: 0 0 0 2px rgba($honey-teriyaki, 0.35);
}