Couleur nommée la plus proche · #FFD5D4
#FFD5D4
Couleur nommée la plus proche: Girlie
#FFD5D4 (rgb(255 213 212), hsl(1 100% 92%), oklch(0.908 0.047 19.7)) est la plus proche de la couleur nommée Girlie. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FFD5D4
oklch(0.908 0.047 19.7)
Conversions de couleur
- HEX
- #ffd5d4
- RGB
- rgb(255 213 212)
- HSL
- hsl(1 100% 92%)
- HWB
- hwb(1 83% 0%)
- OKLCH
- oklch(0.908 0.047 19.7)
- OKLab
- oklab(0.908 0.044 0.016)
- CIE Lab
- lab(88.89 15.04 6.29)
- LCH
- lch(88.89 16.3 22.7)
- CMYK
- cmyk(0% 16% 17% 0%)
Teintes · Ombres · Tons
Teintes
- FFD9D8
- FFDDDD
- FFE2E1
- FFE6E5
- FFEAE9
- FFEEEE
- FFF2F2
- FFF7F6
- FFFBFB
Ombres
- DEB9B8
- BE9E9D
- 9E8383
- 806A69
- 635151
- 483A3A
- 2E2424
- 161010
- 030202
Tons
- F2CCCB
- E5C3C3
- D8BBBA
- CBB2B2
- BEAAA9
- B1A1A1
- A59998
- 989090
- 8C8888
Harmonies de couleurs
Complémentaire +180°
- FFD5D4
Girlie
- BDEBED
≈ Cold Blooded
Analogue -30° +30°
- FFD5D4
Girlie
- FAD5E5
≈ Sunset Pink
- FCD8C6
≈ Camisole
Triadique +120° +240°
- FFD5D4
Girlie
- D1E9CB
≈ Applemint
- D0E2FF
≈ Arc Light
Complémentaire divisée +150° +210°
- FFD5D4
Girlie
- C3ECDC
≈ Seafoam Pearl
- C2E7FA
≈ Icy Landscape
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.33:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.72:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.72:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--girlie: #ffd5d4;
--girlie-rgb: 255 213 212;
--girlie-oklch: oklch(0.908 0.047 19.7);
}
.element {
color: var(--girlie);
background-color: hsl(1 100% 92%);
border-color: oklch(0.908 0.047 19.7);
}Tailwind CSS v4
@theme {
--color-girlie: #ffd5d4;
--color-girlie-50: #fff0ef;
--color-girlie-100: #f7e2e1;
--color-girlie-200: #e8cdcb;
--color-girlie-300: #cfaead;
--color-girlie-400: #b99493;
--color-girlie-500: #a37a79;
--color-girlie-600: #8a6767;
--color-girlie-700: #6f5352;
--color-girlie-800: #523c3c;
--color-girlie-900: #392929;
--color-girlie-950: #231717;
}SCSS
$girlie: #ffd5d4;
$girlie-rgb: 255, 213, 212;
$girlie-light: mix(#fff, $girlie, 20%);
$girlie-dark: mix(#000, $girlie, 20%);
.element {
color: $girlie;
box-shadow: 0 0 0 2px rgba($girlie, 0.35);
}