Couleur nommée · #F9A48E
Coral Serenade
Coral Serenade correspond à #F9A48E : rgb(249 164 142), hsl(12 90% 77%), oklch(0.797 0.106 35.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Coral Serenade color name →
#F9A48E
oklch(0.797 0.106 35.2)
Conversions de couleur
- HEX
- #f9a48e
- RGB
- rgb(249 164 142)
- HSL
- hsl(12 90% 77%)
- HWB
- hwb(12 56% 2%)
- OKLCH
- oklch(0.797 0.106 35.2)
- OKLab
- oklab(0.797 0.087 0.061)
- CIE Lab
- lab(75.66 30.54 25.07)
- LCH
- lch(75.66 39.52 39.4)
- CMYK
- cmyk(0% 34% 43% 2%)
Teintes · Ombres · Tons
Teintes
- FBAD99
- FCB7A4
- FDC0B0
- FEC9BB
- FFD2C6
- FFDBD1
- FFE4DD
- FFEDE8
- FFF6F4
Ombres
- D98E7B
- B97968
- 9A6456
- 7D5044
- 613D34
- 462B24
- 2C1A15
- 150A07
- 030101
Tons
- EDA18D
- E19D8C
- D59A8A
- C99689
- BC9388
- B08F86
- A48B85
- 988883
- 8C8482
Harmonies de couleurs
Complémentaire +180°
- F9A48E
Coral Serenade
- 60CEE8
≈ Hawaiian Breeze
Analogue -30° +30°
- F9A48E
Coral Serenade
- F7A0B3
≈ Petal Power
- ECAF71
≈ Evening Sunset
Triadique +120° +240°
- F9A48E
Coral Serenade
- 83D19F
≈ Fennel
- AAB8FF
≈ Greyish Lavender
Complémentaire divisée +150° +210°
- F9A48E
Coral Serenade
- 60D3C6
≈ Patina
- 81C4FD
≈ Maya Blue
Tétradique +90° +180° +270°
- F9A48E
Coral Serenade
- ADC97C
≈ Sour Face
- 60CEE8
≈ Hawaiian Breeze
- CDABF4
≈ Teasel Dipsacus
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.95:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.72:1 · APCA Lc 65
Meilleure couleur de texte: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Extraits de code
CSS
:root {
--coral-serenade: #f9a48e;
--coral-serenade-rgb: 249 164 142;
--coral-serenade-oklch: oklch(0.797 0.106 35.2);
}
.element {
color: var(--coral-serenade);
background-color: hsl(12 90% 77%);
border-color: oklch(0.797 0.106 35.2);
}Tailwind CSS v4
@theme {
--color-coral-serenade: #f9a48e;
--color-coral-serenade-50: #ffebe0;
--color-coral-serenade-100: #ffdccf;
--color-coral-serenade-200: #fec5b4;
--color-coral-serenade-300: #e8a591;
--color-coral-serenade-400: #d58773;
--color-coral-serenade-500: #c26a54;
--color-coral-serenade-600: #a45a48;
--color-coral-serenade-700: #834839;
--color-coral-serenade-800: #62342a;
--color-coral-serenade-900: #45231c;
--color-coral-serenade-950: #2c120c;
}SCSS
$coral-serenade: #f9a48e;
$coral-serenade-rgb: 249, 164, 142;
$coral-serenade-light: mix(#fff, $coral-serenade, 20%);
$coral-serenade-dark: mix(#000, $coral-serenade, 20%);
.element {
color: $coral-serenade;
box-shadow: 0 0 0 2px rgba($coral-serenade, 0.35);
}