Couleur nommée la plus proche · #F8CDCE
#F8CDCE
Couleur nommée la plus proche: Kendall Rose
#F8CDCE (rgb(248 205 206), hsl(359 75% 89%), oklch(0.886 0.049 16.5)) est la plus proche de la couleur nommée Kendall Rose. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F8CDCE
oklch(0.886 0.049 16.5)
Conversions de couleur
- HEX
- #f8cdce
- RGB
- rgb(248 205 206)
- HSL
- hsl(359 75% 89%)
- HWB
- hwb(359 80% 3%)
- OKLCH
- oklch(0.886 0.049 16.5)
- OKLab
- oklab(0.886 0.047 0.014)
- CIE Lab
- lab(86.2 15.74 5.5)
- LCH
- lch(86.2 16.68 19.3)
- CMYK
- cmyk(0% 17% 17% 3%)
Teintes · Ombres · Tons
Teintes
- F9D2D3
- FAD7D8
- FBDCDD
- FBE1E1
- FCE6E6
- FDEBEB
- FDF0F0
- FEF5F5
- FFFAFA
Ombres
- D8B2B3
- B89898
- 9A7E7F
- 7C6666
- 604E4E
- 453838
- 2C2323
- 150F0F
- 030202
Tons
- ECC5C6
- DFBDBE
- D3B5B6
- C7AEAE
- BBA6A6
- AF9E9E
- A39797
- 978F8F
- 8C8787
Harmonies de couleurs
Complémentaire +180°
- F8CDCE
Kendall Rose
- B5E4E4
≈ Seascape Green
Analogue -30° +30°
- F8CDCE
Kendall Rose
- F3CDE0
≈ Minimal Rose
- F6D0BF
≈ Sand Island
Triadique +120° +240°
- F8CDCE
Kendall Rose
- CBE1C2
≈ Chayote
- C5DBFA
≈ Fly a Kite
Complémentaire divisée +150° +210°
- F8CDCE
Kendall Rose
- BCE4D2
≈ Beru
- B8E1F2
≈ Bellagio Fountains
Tétradique +90° +180° +270°
- F8CDCE
Kendall Rose
- DDDCB7
≈ Beach Grass
- B5E4E4
≈ Seascape Green
- D6D5F9
≈ Flax Bloom
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.43:1 · APCA Lc 21
Ag
AAASur noir
WCAG 14.61:1 · APCA Lc 82
Meilleure couleur de texte: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--kendall-rose: #f8cdce;
--kendall-rose-rgb: 248 205 206;
--kendall-rose-oklch: oklch(0.886 0.049 16.5);
}
.element {
color: var(--kendall-rose);
background-color: hsl(359 75% 89%);
border-color: oklch(0.886 0.049 16.5);
}Tailwind CSS v4
@theme {
--color-kendall-rose: #f8cdce;
--color-kendall-rose-50: #fff0f0;
--color-kendall-rose-100: #f8e2e2;
--color-kendall-rose-200: #e9cccc;
--color-kendall-rose-300: #cfaeae;
--color-kendall-rose-400: #ba9394;
--color-kendall-rose-500: #a4797b;
--color-kendall-rose-600: #8b6768;
--color-kendall-rose-700: #6f5253;
--color-kendall-rose-800: #523c3d;
--color-kendall-rose-900: #39292a;
--color-kendall-rose-950: #231718;
}SCSS
$kendall-rose: #f8cdce;
$kendall-rose-rgb: 248, 205, 206;
$kendall-rose-light: mix(#fff, $kendall-rose, 20%);
$kendall-rose-dark: mix(#000, $kendall-rose, 20%);
.element {
color: $kendall-rose;
box-shadow: 0 0 0 2px rgba($kendall-rose, 0.35);
}