Couleur nommée la plus proche · #FBF2D7
#FBF2D7
Couleur nommée la plus proche: Satin Cream White
#FBF2D7 (rgb(251 242 215), hsl(45 82% 91%), oklch(0.961 0.037 91.7)) est la plus proche de la couleur nommée Satin Cream White. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FBF2D7
oklch(0.961 0.037 91.7)
Conversions de couleur
- HEX
- #fbf2d7
- RGB
- rgb(251 242 215)
- HSL
- hsl(45 82% 91%)
- HWB
- hwb(45 84% 2%)
- OKLCH
- oklch(0.961 0.037 91.7)
- OKLab
- oklab(0.961 -0.001 0.037)
- CIE Lab
- lab(95.68 -0.12 14.22)
- LCH
- lch(95.68 14.22 90.5)
- CMYK
- cmyk(0% 4% 14% 2%)
Teintes · Ombres · Tons
Teintes
- FBF3DB
- FCF5DF
- FCF6E3
- FDF7E7
- FDF9EB
- FDFAEF
- FEFBF3
- FEFCF7
- FFFEFB
Ombres
- DAD2BB
- BAB49F
- 9C9685
- 7E796B
- 615E52
- 46433B
- 2D2B25
- 151411
- 030302
Tons
- EEE6CE
- E1DAC5
- D5CEBC
- C8C3B3
- BCB7AB
- AFACA2
- A3A199
- 979691
- 8C8B88
Harmonies de couleurs
Complémentaire +180°
- FBF2D7
Satin Cream White
- EEF2FF
≈ Placebo Blue
Analogue -30° +30°
- FBF2D7
Satin Cream White
- FFEFE2
≈ Rice Pudding
- EEF7DC
≈ Futon
Triadique +120° +240°
- FBF2D7
Satin Cream White
- DAF9FF
≈ Glacial Day
- FFEBFB
≈ Strawberry Bonbon
Complémentaire divisée +150° +210°
- FBF2D7
Satin Cream White
- E7F4FF
≈ Moon White
- F5EFFF
≈ Cloud Break
Tétradique +90° +180° +270°
- FBF2D7
Satin Cream White
- D9FBF4
≈ Mint Condition
- EEF2FF
≈ Placebo Blue
- FFEDF1
≈ Sugar Coated
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.11:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.78:1 · APCA Lc 99
Meilleure couleur de texte: #000000
WCAG 18.78:1 (AAA) · APCA Lc 99
Contrast pairs
Extraits de code
CSS
:root {
--satin-cream-white: #fbf2d7;
--satin-cream-white-rgb: 251 242 215;
--satin-cream-white-oklch: oklch(0.961 0.037 91.7);
}
.element {
color: var(--satin-cream-white);
background-color: hsl(45 82% 91%);
border-color: oklch(0.961 0.037 91.7);
}Tailwind CSS v4
@theme {
--color-satin-cream-white: #fbf2d7;
--color-satin-cream-white-50: #f8f5ea;
--color-satin-cream-white-100: #ece8da;
--color-satin-cream-white-200: #d9d4c3;
--color-satin-cream-white-300: #bdb7a3;
--color-satin-cream-white-400: #a69e86;
--color-satin-cream-white-500: #8f866b;
--color-satin-cream-white-600: #79715b;
--color-satin-cream-white-700: #615b48;
--color-satin-cream-white-800: #474234;
--color-satin-cream-white-900: #312e23;
--color-satin-cream-white-950: #1d1a12;
}SCSS
$satin-cream-white: #fbf2d7;
$satin-cream-white-rgb: 251, 242, 215;
$satin-cream-white-light: mix(#fff, $satin-cream-white, 20%);
$satin-cream-white-dark: mix(#000, $satin-cream-white, 20%);
.element {
color: $satin-cream-white;
box-shadow: 0 0 0 2px rgba($satin-cream-white, 0.35);
}