Couleur nommée la plus proche · #DD6E68
#DD6E68
Couleur nommée la plus proche: Coral Commander
#DD6E68 (rgb(221 110 104), hsl(3 63% 64%), oklch(0.667 0.14 24.7)) est la plus proche de la couleur nommée Coral Commander. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DD6E68
oklch(0.667 0.14 24.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E27D77
- E78C85
- EB9B94
- EFA9A3
- F3B7B2
- F6C6C1
- F9D4D0
- FBE2E0
- FDF1EF
Ombres
- C05F59
- A4504B
- 88413E
- 6E3330
- 552624
- 3D1918
- 260E0C
- 110404
- 020100
Tons
- D4716B
- CC736D
- C37670
- BA7873
- B17A75
- A87B77
- 9E7D7A
- 947E7C
- 8A7F7E
Harmonies de couleurs
Complémentaire +180°
- DD6E68
Coral Commander
- 00A8B5
≈ Exotic Sea
Analogue -30° +30°
- DD6E68
Coral Commander
- D56C99
≈ Fiesta Pink
- D57A33
≈ Fired Up
Triadique +120° +240°
- DD6E68
Coral Commander
- 57AA5B
≈ Harā Green
- 6991EA
≈ Guilliman Blue
Complémentaire divisée +150° +210°
- DD6E68
Coral Commander
- 00AD8F
≈ Hobgoblin
- 06A0DD
≈ Vanadyl Blue
Tétradique +90° +180° +270°
- DD6E68
Coral Commander
- 939D22
≈ Limetta
- 00A8B5
≈ Exotic Sea
- 9B81E1
≈ Indigo Bloom
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.22:1 · APCA Lc 59
Ag
AASur noir
WCAG 6.50:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.50:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
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);
}