Couleur nommée la plus proche · #FFD2BB
#FFD2BB
Couleur nommée la plus proche: Peach and Quiet
#FFD2BB (rgb(255 210 187), hsl(20 100% 87%), oklch(0.897 0.06 48.6)) est la plus proche de la couleur nommée Peach and Quiet. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FFD2BB
oklch(0.897 0.06 48.6)
Conversions de couleur
- HEX
- #ffd2bb
- RGB
- rgb(255 210 187)
- HSL
- hsl(20 100% 87%)
- HWB
- hwb(20 73% 0%)
- OKLCH
- oklch(0.897 0.06 48.6)
- OKLab
- oklab(0.897 0.039 0.045)
- CIE Lab
- lab(87.71 13.89 17.69)
- LCH
- lch(87.71 22.5 51.9)
- CMYK
- cmyk(0% 18% 27% 0%)
Teintes · Ombres · Tons
Teintes
- FFD7C2
- FFDBC9
- FFE0CF
- FFE4D6
- FFE9DD
- FFEDE4
- FFF2EB
- FFF6F1
- FFFBF8
Ombres
- DEB6A2
- BE9B8A
- 9E8173
- 80685C
- 635046
- 483932
- 2E241F
- 16100D
- 030202
Tons
- F2CAB5
- E5C1AF
- D8B9A9
- CBB1A3
- BEA89D
- B1A097
- A59892
- 98908C
- 8C8886
Harmonies de couleurs
Complémentaire +180°
- FFD2BB
Peach and Quiet
- B5E5FD
≈ Frozen Landscape
Analogue -30° +30°
- FFD2BB
Peach and Quiet
- FFCFCF
≈ Aromatic Breeze
- F3D9B1
≈ Captivating Cream
Triadique +120° +240°
- FFD2BB
Peach and Quiet
- B7EAD6
≈ Mediterranean Mist
- DBD8FF
≈ Transparent Blue
Complémentaire divisée +150° +210°
- FFD2BB
Peach and Quiet
- AFEAEB
≈ Spearmint Water
- C9DEFF
≈ Arc Light
Tétradique +90° +180° +270°
- FFD2BB
Peach and Quiet
- CAE7C1
≈ Sweet Spring
- B5E5FD
≈ Frozen Landscape
- EED1F7
≈ Mousse aux Pruneaux
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.38:1 · APCA Lc 19
Ag
AAASur noir
WCAG 15.18:1 · APCA Lc 85
Meilleure couleur de texte: #000000
WCAG 15.18:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--peach-and-quiet: #ffd2bb;
--peach-and-quiet-rgb: 255 210 187;
--peach-and-quiet-oklch: oklch(0.897 0.06 48.6);
}
.element {
color: var(--peach-and-quiet);
background-color: hsl(20 100% 87%);
border-color: oklch(0.897 0.06 48.6);
}Tailwind CSS v4
@theme {
--color-peach-and-quiet: #ffd2bb;
--color-peach-and-quiet-50: #fff1e6;
--color-peach-and-quiet-100: #f9e3d6;
--color-peach-and-quiet-200: #eacebe;
--color-peach-and-quiet-300: #d1af9c;
--color-peach-and-quiet-400: #bc9480;
--color-peach-and-quiet-500: #a77b63;
--color-peach-and-quiet-600: #8d6854;
--color-peach-and-quiet-700: #715343;
--color-peach-and-quiet-800: #543c31;
--color-peach-and-quiet-900: #3b2921;
--color-peach-and-quiet-950: #251710;
}SCSS
$peach-and-quiet: #ffd2bb;
$peach-and-quiet-rgb: 255, 210, 187;
$peach-and-quiet-light: mix(#fff, $peach-and-quiet, 20%);
$peach-and-quiet-dark: mix(#000, $peach-and-quiet, 20%);
.element {
color: $peach-and-quiet;
box-shadow: 0 0 0 2px rgba($peach-and-quiet, 0.35);
}