Dichtstbijzijnde benoemde kleur · #DD6E68
#DD6E68
Dichtstbijzijnde benoemde kleur: Coral Commander
#DD6E68 (rgb(221 110 104), hsl(3 63% 64%), oklch(0.667 0.14 24.7)) komt het dichtst bij de benoemde kleur Coral Commander. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DD6E68
oklch(0.667 0.14 24.7)
Kleurconversies
- HEX
- #dd6e68
- RGB
- rgb(221 110 104)
- HSL
- hsl(3 63% 64%)
- HWB
- hwb(3 41% 13%)
- OKLCH
- oklch(0.667 0.14 24.7)
- OKLab
- oklab(0.667 0.127 0.059)
- CIE Lab
- lab(59.98 43.87 24.66)
- LCH
- lch(59.98 50.32 29.3)
- CMYK
- cmyk(0% 50% 53% 13%)
Tinten · Schaduwen · Tonen
Tinten
- E27D77
- E78C85
- EB9B94
- EFA9A3
- F3B7B2
- F6C6C1
- F9D4D0
- FBE2E0
- FDF1EF
Schaduwen
- C05F59
- A4504B
- 88413E
- 6E3330
- 552624
- 3D1918
- 260E0C
- 110404
- 020100
Tonen
- D4716B
- CC736D
- C37670
- BA7873
- B17A75
- A87B77
- 9E7D7A
- 947E7C
- 8A7F7E
Kleurharmonieën
Complementair +180°
- DD6E68
Coral Commander
- 00A8B5
≈ Exotic Sea
Analoog -30° +30°
- DD6E68
Coral Commander
- D56C99
≈ Fiesta Pink
- D57A33
≈ Fired Up
Triadisch +120° +240°
- DD6E68
Coral Commander
- 57AA5B
≈ Harā Green
- 6991EA
≈ Guilliman Blue
Gesplitst complementair +150° +210°
- DD6E68
Coral Commander
- 00AD8F
≈ Hobgoblin
- 06A0DD
≈ Vanadyl Blue
Tetradisch +90° +180° +270°
- DD6E68
Coral Commander
- 939D22
≈ Limetta
- 00A8B5
≈ Exotic Sea
- 9B81E1
≈ Indigo Bloom
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.22:1 · APCA Lc 59
Ag
AAOp zwart
WCAG 6.50:1 · APCA Lc 43
Beste tekstkleur: #000000
WCAG 6.50:1 (AA) · APCA Lc 43
Contrast pairs
Codefragmenten
CSS
:root {
--coral-commander: #dd6e68;
--coral-commander-rgb: 221 110 104;
--coral-commander-oklch: oklch(0.667 0.14 24.7);
}
.element {
color: var(--coral-commander);
background-color: hsl(3 63% 64%);
border-color: oklch(0.667 0.14 24.7);
}Tailwind CSS v4
@theme {
--color-coral-commander: #dd6e68;
--color-coral-commander-50: #ffe7e0;
--color-coral-commander-100: #ffd7cf;
--color-coral-commander-200: #ffbeb4;
--color-coral-commander-300: #f79b91;
--color-coral-commander-400: #e57b74;
--color-coral-commander-500: #d35a56;
--color-coral-commander-600: #b24d49;
--color-coral-commander-700: #8f3d3a;
--color-coral-commander-800: #6b2b2b;
--color-coral-commander-900: #4b1d1d;
--color-coral-commander-950: #310d0d;
}SCSS
$coral-commander: #dd6e68;
$coral-commander-rgb: 221, 110, 104;
$coral-commander-light: mix(#fff, $coral-commander, 20%);
$coral-commander-dark: mix(#000, $coral-commander, 20%);
.element {
color: $coral-commander;
box-shadow: 0 0 0 2px rgba($coral-commander, 0.35);
}