Couleur nommée · #FFEEE0
Soft Coral
Soft Coral correspond à #FFEEE0 : rgb(255 238 224), hsl(27 100% 94%), oklch(0.959 0.026 62). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Soft Coral color name →
#FFEEE0
oklch(0.959 0.026 62)
Conversions de couleur
- HEX
- #ffeee0
- RGB
- rgb(255 238 224)
- HSL
- hsl(27 100% 94%)
- HWB
- hwb(27 88% 0%)
- OKLCH
- oklch(0.959 0.026 62)
- OKLab
- oklab(0.959 0.012 0.023)
- CIE Lab
- lab(95.19 4.26 8.98)
- LCH
- lch(95.19 9.94 64.6)
- CMYK
- cmyk(0% 7% 12% 0%)
Teintes · Ombres · Tons
Teintes
- FFF0E3
- FFF1E6
- FFF3E9
- FFF5EC
- FFF7F0
- FFF8F3
- FFFAF6
- FFFCF9
- FFFDFC
Ombres
- DECFC3
- BEB1A6
- 9E938A
- 807770
- 635C56
- 48423E
- 2E2A27
- 161412
- 030302
Tons
- F2E2D6
- E4D7CC
- D7CCC2
- CAC1B8
- BEB5AF
- B1ABA5
- A4A09C
- 989592
- 8C8A89
Harmonies de couleurs
Complémentaire +180°
- FFEEE0
Soft Coral
- E5F4FF
≈ Kodama White
Analogue -30° +30°
- FFEEE0
Soft Coral
- FFEDE9
≈ Rose Frost
- F8F1DE
≈ Exclusive Elixir
Triadique +120° +240°
- FFEEE0
Soft Coral
- DFF8F3
≈ Frosty Mint
- F4EEFF
≈ Foundation White
Complémentaire divisée +150° +210°
- FFEEE0
Soft Coral
- DEF7FC
≈ Glacial Day
- EDF1FF
≈ Carte Blanche
Tétradique +90° +180° +270°
- FFEEE0
Soft Coral
- E5F7E9
≈ Nettle Rash
- E5F4FF
≈ Kodama White
- FDEBF9
≈ Placebo Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.13:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.55:1 · APCA Lc 99
Meilleure couleur de texte: #000000
WCAG 18.55:1 (AAA) · APCA Lc 99
Contrast pairs
Extraits de code
CSS
:root {
--soft-coral: #ffeee0;
--soft-coral-rgb: 255 238 224;
--soft-coral-oklch: oklch(0.959 0.026 62);
}
.element {
color: var(--soft-coral);
background-color: hsl(27 100% 94%);
border-color: oklch(0.959 0.026 62);
}Tailwind CSS v4
@theme {
--color-soft-coral: #ffeee0;
--color-soft-coral-50: #fbf4ee;
--color-soft-coral-100: #eee6df;
--color-soft-coral-200: #ddd2c9;
--color-soft-coral-300: #c1b5aa;
--color-soft-coral-400: #aa9b8f;
--color-soft-coral-500: #938375;
--color-soft-coral-600: #7d6f63;
--color-soft-coral-700: #64584f;
--color-soft-coral-800: #494039;
--color-soft-coral-900: #332c27;
--color-soft-coral-950: #1f1915;
}SCSS
$soft-coral: #ffeee0;
$soft-coral-rgb: 255, 238, 224;
$soft-coral-light: mix(#fff, $soft-coral, 20%);
$soft-coral-dark: mix(#000, $soft-coral, 20%);
.element {
color: $soft-coral;
box-shadow: 0 0 0 2px rgba($soft-coral, 0.35);
}