Couleur nommée la plus proche · #FFDBD7
#FFDBD7
Couleur nommée la plus proche: Dawn Patrol
#FFDBD7 (rgb(255 219 215), hsl(6 100% 92%), oklch(0.92 0.041 25.4)) est la plus proche de la couleur nommée Dawn Patrol. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FFDBD7
oklch(0.92 0.041 25.4)
Conversions de couleur
- HEX
- #ffdbd7
- RGB
- rgb(255 219 215)
- HSL
- hsl(6 100% 92%)
- HWB
- hwb(6 84% 0%)
- OKLCH
- oklch(0.92 0.041 25.4)
- OKLab
- oklab(0.92 0.037 0.017)
- CIE Lab
- lab(90.39 12.43 6.84)
- LCH
- lch(90.39 14.19 28.8)
- CMYK
- cmyk(0% 14% 16% 0%)
Teintes · Ombres · Tons
Teintes
- FFDFDB
- FFE2DF
- FFE6E3
- FFE9E7
- FFEDEB
- FFF1EF
- FFF4F3
- FFF8F7
- FFFBFB
Ombres
- DEBEBB
- BEA29F
- 9E8785
- 806D6B
- 635452
- 483C3B
- 2E2625
- 161111
- 030202
Tons
- F2D2CE
- E5C8C5
- D8BFBC
- CBB6B3
- BEACAB
- B1A3A2
- A59A99
- 989291
- 8C8988
Harmonies de couleurs
Complémentaire +180°
- FFDBD7
Dawn Patrol
- C6EDF2
≈ Icy Breeze
Analogue -30° +30°
- FFDBD7
Dawn Patrol
- FCDAE6
≈ Cherry Flower
- FBDECC
≈ Shironeri Silk
Triadique +120° +240°
- FFDBD7
Dawn Patrol
- D5ECD5
≈ Chic Green
- D9E5FF
≈ Veiling Waterfalls
Complémentaire divisée +150° +210°
- FFDBD7
Dawn Patrol
- CAEEE3
≈ Ineffable Ice Cap
- CCEAFC
≈ Frosty Day
Tétradique +90° +180° +270°
- FFDBD7
Dawn Patrol
- E3E8CA
≈ Sunny Summit
- C6EDF2
≈ Icy Breeze
- E6E0FE
≈ Stoic White
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.28:1 · APCA Lc 14
Ag
AAASur noir
WCAG 16.36:1 · APCA Lc 90
Meilleure couleur de texte: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--dawn-patrol: #ffdbd7;
--dawn-patrol-rgb: 255 219 215;
--dawn-patrol-oklch: oklch(0.92 0.041 25.4);
}
.element {
color: var(--dawn-patrol);
background-color: hsl(6 100% 92%);
border-color: oklch(0.92 0.041 25.4);
}Tailwind CSS v4
@theme {
--color-dawn-patrol: #ffdbd7;
--color-dawn-patrol-50: #fff1ef;
--color-dawn-patrol-100: #f5e3e0;
--color-dawn-patrol-200: #e5cecb;
--color-dawn-patrol-300: #ccb0ac;
--color-dawn-patrol-400: #b59692;
--color-dawn-patrol-500: #a07c78;
--color-dawn-patrol-600: #876966;
--color-dawn-patrol-700: #6c5451;
--color-dawn-patrol-800: #503d3c;
--color-dawn-patrol-900: #372a29;
--color-dawn-patrol-950: #221817;
}SCSS
$dawn-patrol: #ffdbd7;
$dawn-patrol-rgb: 255, 219, 215;
$dawn-patrol-light: mix(#fff, $dawn-patrol, 20%);
$dawn-patrol-dark: mix(#000, $dawn-patrol, 20%);
.element {
color: $dawn-patrol;
box-shadow: 0 0 0 2px rgba($dawn-patrol, 0.35);
}