Nazwany kolor · #FBECD8
White Blush
White Blush to #FBECD8: rgb(251 236 216), hsl(34 81% 92%), oklch(0.95 0.031 75.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · White Blush color name →
#FBECD8
oklch(0.95 0.031 75.2)
Konwersje koloru
- HEX
- #fbecd8
- RGB
- rgb(251 236 216)
- HSL
- hsl(34 81% 92%)
- HWB
- hwb(34 85% 2%)
- OKLCH
- oklch(0.95 0.031 75.2)
- OKLab
- oklab(0.95 0.008 0.03)
- CIE Lab
- lab(94.21 2.86 11.65)
- LCH
- lch(94.21 12 76.2)
- CMYK
- cmyk(0% 6% 14% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBEEDC
- FCF0E0
- FCF2E4
- FDF4E8
- FDF6EC
- FDF7EF
- FEF9F3
- FEFBF7
- FFFDFB
Odcienie ciemniejsze
- DACDBC
- BAAFA0
- 9C9285
- 7E766B
- 615B53
- 46423B
- 2D2925
- 151311
- 030302
Tony
- EEE1CF
- E1D5C6
- D5CABD
- C8BFB4
- BCB5AB
- AFAAA2
- A39F9A
- 979591
- 8C8A88
Harmonie kolorów
Komplementarna +180°
- FBECD8
White Blush
- E4F0FF
≈ Cotton Boll
Analogowa -30° +30°
- FBECD8
White Blush
- FFE9E0
≈ Translucent Silk
- F1F0D8
≈ Yellow Emulsion
Triada +120° +240°
- FBECD8
White Blush
- D8F5F5
≈ Fishious Rend
- F7E9FD
≈ Placebo Fuchsia
Komplementarna rozszczepiona +150° +210°
- FBECD8
White Blush
- D9F3FE
≈ Wizard White
- ECECFF
≈ Carte Blanche
Tetrada +90° +180° +270°
- FBECD8
White Blush
- DCF5E9
≈ Treacherous Blizzard
- E4F0FF
≈ Cotton Boll
- FFE7F3
≈ Fairy Dust
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.16:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 18.09:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.09:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--white-blush: #fbecd8;
--white-blush-rgb: 251 236 216;
--white-blush-oklch: oklch(0.95 0.031 75.2);
}
.element {
color: var(--white-blush);
background-color: hsl(34 81% 92%);
border-color: oklch(0.95 0.031 75.2);
}Tailwind CSS v4
@theme {
--color-white-blush: #fbecd8;
--color-white-blush-50: #faf4ec;
--color-white-blush-100: #eee7dd;
--color-white-blush-200: #dcd3c6;
--color-white-blush-300: #c0b6a6;
--color-white-blush-400: #a99c8b;
--color-white-blush-500: #938470;
--color-white-blush-600: #7c6f5f;
--color-white-blush-700: #63594c;
--color-white-blush-800: #494137;
--color-white-blush-900: #332d25;
--color-white-blush-950: #1e1a14;
}SCSS
$white-blush: #fbecd8;
$white-blush-rgb: 251, 236, 216;
$white-blush-light: mix(#fff, $white-blush, 20%);
$white-blush-dark: mix(#000, $white-blush, 20%);
.element {
color: $white-blush;
box-shadow: 0 0 0 2px rgba($white-blush, 0.35);
}