Couleur nommée la plus proche · #FBF7EF
#FBF7EF
Couleur nommée la plus proche: Dipped in Cream
#FBF7EF (rgb(251 247 239), hsl(40 60% 96%), oklch(0.977 0.011 84.6)) est la plus proche de la couleur nommée Dipped in Cream. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FBF7EF
oklch(0.977 0.011 84.6)
Conversions de couleur
- HEX
- #fbf7ef
- RGB
- rgb(251 247 239)
- HSL
- hsl(40 60% 96%)
- HWB
- hwb(40 94% 2%)
- OKLCH
- oklch(0.977 0.011 84.6)
- OKLab
- oklab(0.977 0.001 0.011)
- CIE Lab
- lab(97.38 0.36 4.35)
- LCH
- lch(97.38 4.37 85.3)
- CMYK
- cmyk(0% 2% 5% 2%)
Teintes · Ombres · Tons
Teintes
- FBF8F1
- FCF9F2
- FCF9F4
- FDFAF5
- FDFBF7
- FDFCF9
- FEFDFA
- FEFDFC
- FFFEFD
Ombres
- DAD7D0
- BAB7B1
- 9C9994
- 7E7C78
- 61605C
- 464542
- 2D2C2A
- 151514
- 030303
Tons
- EEEAE3
- E1DED8
- D5D2CC
- C8C6C1
- BCBAB6
- AFAEAB
- A3A2A0
- 979795
- 8C8B8B
Harmonies de couleurs
Complémentaire +180°
- FBF7EF
Dipped in Cream
- F4F8FF
≈ Mā White
Analogue -30° +30°
- FBF7EF
Dipped in Cream
- FEF6F0
≈ Seashell
- F7F8F0
≈ White Crest
Triadique +120° +240°
- FBF7EF
Dipped in Cream
- EFFAFB
≈ Distant Horizon
- FCF5FC
≈ Walkie Chalkie
Complémentaire divisée +150° +210°
- FBF7EF
Dipped in Cream
- F0F9FE
≈ Alice Blue
- F8F6FF
≈ Sugar Crystal
Tétradique +90° +180° +270°
- FBF7EF
Dipped in Cream
- F0FAF7
≈ Cold White
- F4F8FF
≈ Mā White
- FEF4F8
≈ Sea Salt Sherbet
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.06:1 · APCA Lc 0
Ag
AAASur noir
WCAG 19.65:1 · APCA Lc 103
Meilleure couleur de texte: #000000
WCAG 19.65:1 (AAA) · APCA Lc 103
Contrast pairs
Extraits de code
CSS
:root {
--dipped-in-cream: #fbf7ef;
--dipped-in-cream-rgb: 251 247 239;
--dipped-in-cream-oklch: oklch(0.977 0.011 84.6);
}
.element {
color: var(--dipped-in-cream);
background-color: hsl(40 60% 96%);
border-color: oklch(0.977 0.011 84.6);
}Tailwind CSS v4
@theme {
--color-dipped-in-cream: #fbf7ef;
--color-dipped-in-cream-50: #f6f5f1;
--color-dipped-in-cream-100: #e9e8e4;
--color-dipped-in-cream-200: #d6d4cf;
--color-dipped-in-cream-300: #bab7b1;
--color-dipped-in-cream-400: #a19e97;
--color-dipped-in-cream-500: #8a867e;
--color-dipped-in-cream-600: #74716b;
--color-dipped-in-cream-700: #5d5a55;
--color-dipped-in-cream-800: #44423e;
--color-dipped-in-cream-900: #2f2e2b;
--color-dipped-in-cream-950: #1c1a18;
}SCSS
$dipped-in-cream: #fbf7ef;
$dipped-in-cream-rgb: 251, 247, 239;
$dipped-in-cream-light: mix(#fff, $dipped-in-cream, 20%);
$dipped-in-cream-dark: mix(#000, $dipped-in-cream, 20%);
.element {
color: $dipped-in-cream;
box-shadow: 0 0 0 2px rgba($dipped-in-cream, 0.35);
}