Couleur nommée · #FBF2D1
Picture Perfect
Picture Perfect correspond à #FBF2D1 : rgb(251 242 209), hsl(47 84% 90%), oklch(0.96 0.044 94.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Picture Perfect color name →
#FBF2D1
oklch(0.96 0.044 94.5)
Conversions de couleur
- HEX
- #fbf2d1
- RGB
- rgb(251 242 209)
- HSL
- hsl(47 84% 90%)
- HWB
- hwb(47 82% 2%)
- OKLCH
- oklch(0.96 0.044 94.5)
- OKLab
- oklab(0.96 -0.003 0.044)
- CIE Lab
- lab(95.57 -0.78 17.14)
- LCH
- lch(95.57 17.16 92.6)
- CMYK
- cmyk(0% 4% 17% 2%)
Teintes · Ombres · Tons
Teintes
- FBF3D6
- FCF5DA
- FCF6DF
- FDF7E4
- FDF9E8
- FDFAED
- FEFBF1
- FEFCF6
- FFFEFA
Ombres
- DAD2B5
- BAB49B
- 9C9681
- 7E7968
- 615E50
- 464339
- 2D2B23
- 151410
- 030302
Tons
- EEE6C9
- E1DAC0
- D5CEB8
- C8C3B0
- BCB7A8
- AFACA0
- A3A198
- 979690
- 8C8B88
Harmonies de couleurs
Complémentaire +180°
- FBF2D1
Picture Perfect
- EEF1FF
≈ Foundation White
Analogue -30° +30°
- FBF2D1
Picture Perfect
- FFEFE0
≈ Sugar Glaze
- EBF7D7
≈ Futon
Triadique +120° +240°
- FBF2D1
Picture Perfect
- DBF8FF
≈ Glacial Day
- FFEBFA
≈ Strawberry Bonbon
Complémentaire divisée +150° +210°
- FBF2D1
Picture Perfect
- E7F4FF
≈ Moon White
- F5EEFF
≈ Placebo Fuchsia
Tétradique +90° +180° +270°
- FBF2D1
Picture Perfect
- D2FCF5
≈ Ice
- EEF1FF
≈ Foundation White
- FFECF0
≈ Sugar Coated
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.12:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.72:1 · APCA Lc 99
Meilleure couleur de texte: #000000
WCAG 18.72:1 (AAA) · APCA Lc 99
Contrast pairs
Extraits de code
CSS
:root {
--picture-perfect: #fbf2d1;
--picture-perfect-rgb: 251 242 209;
--picture-perfect-oklch: oklch(0.96 0.044 94.5);
}
.element {
color: var(--picture-perfect);
background-color: hsl(47 84% 90%);
border-color: oklch(0.96 0.044 94.5);
}Tailwind CSS v4
@theme {
--color-picture-perfect: #fbf2d1;
--color-picture-perfect-50: #f9f5e7;
--color-picture-perfect-100: #ece8d8;
--color-picture-perfect-200: #d9d5c0;
--color-picture-perfect-300: #beb89f;
--color-picture-perfect-400: #a79f81;
--color-picture-perfect-500: #8f8665;
--color-picture-perfect-600: #797256;
--color-picture-perfect-700: #615b44;
--color-picture-perfect-800: #484231;
--color-picture-perfect-900: #322e21;
--color-picture-perfect-950: #1e1a11;
}SCSS
$picture-perfect: #fbf2d1;
$picture-perfect-rgb: 251, 242, 209;
$picture-perfect-light: mix(#fff, $picture-perfect, 20%);
$picture-perfect-dark: mix(#000, $picture-perfect, 20%);
.element {
color: $picture-perfect;
box-shadow: 0 0 0 2px rgba($picture-perfect, 0.35);
}