Nazwany kolor · #FBDFD6
Botticelli Angel
Botticelli Angel to #FBDFD6: rgb(251 223 214), hsl(15 82% 91%), oklch(0.924 0.033 38.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Botticelli Angel color name →
#FBDFD6
oklch(0.924 0.033 38.6)
Konwersje koloru
- HEX
- #fbdfd6
- RGB
- rgb(251 223 214)
- HSL
- hsl(15 82% 91%)
- HWB
- hwb(15 84% 2%)
- OKLCH
- oklch(0.924 0.033 38.6)
- OKLab
- oklab(0.924 0.026 0.021)
- CIE Lab
- lab(90.98 8.91 8.14)
- LCH
- lch(90.98 12.07 42.4)
- CMYK
- cmyk(0% 11% 15% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE2DA
- FCE5DE
- FCE9E2
- FDECE6
- FDEFEA
- FEF2EF
- FEF5F3
- FEF9F7
- FFFCFB
Odcienie ciemniejsze
- DAC2BA
- BAA59E
- 9C8A84
- 7E6F6A
- 615652
- 463D3B
- 2D2725
- 151210
- 030202
Tony
- EED5CD
- E1CBC4
- D5C2BB
- C8B8B3
- BCAEAA
- B0A5A1
- A39C99
- 979291
- 8C8988
Harmonie kolorów
Komplementarna +180°
- FBDFD6
Botticelli Angel
- CEECF5
≈ Frosty Day
Analogowa -30° +30°
- FBDFD6
Botticelli Angel
- FBDDE1
≈ Marshmallow Heart
- F5E2CF
≈ Fondant
Triada +120° +240°
- FBDFD6
Botticelli Angel
- D4EDDE
≈ Winter Fresh
- E0E4FD
≈ Lavender Mist
Komplementarna rozszczepiona +150° +210°
- FBDFD6
Botticelli Angel
- CEEEEA
≈ Underwater
- D5E8FC
≈ Veiling Waterfalls
Tetrada +90° +180° +270°
- FBDFD6
Botticelli Angel
- DFEBD3
≈ Mineral Water
- CEECF5
≈ Frosty Day
- ECE0F8
≈ Sheer Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.62:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.62:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--botticelli-angel: #fbdfd6;
--botticelli-angel-rgb: 251 223 214;
--botticelli-angel-oklch: oklch(0.924 0.033 38.6);
}
.element {
color: var(--botticelli-angel);
background-color: hsl(15 82% 91%);
border-color: oklch(0.924 0.033 38.6);
}Tailwind CSS v4
@theme {
--color-botticelli-angel: #fbdfd6;
--color-botticelli-angel-50: #fef2ee;
--color-botticelli-angel-100: #f2e4e0;
--color-botticelli-angel-200: #e2d0ca;
--color-botticelli-angel-300: #c7b2ab;
--color-botticelli-angel-400: #b19890;
--color-botticelli-angel-500: #9b7f76;
--color-botticelli-angel-600: #836c64;
--color-botticelli-angel-700: #695650;
--color-botticelli-angel-800: #4d3f3a;
--color-botticelli-angel-900: #362b28;
--color-botticelli-angel-950: #211816;
}SCSS
$botticelli-angel: #fbdfd6;
$botticelli-angel-rgb: 251, 223, 214;
$botticelli-angel-light: mix(#fff, $botticelli-angel, 20%);
$botticelli-angel-dark: mix(#000, $botticelli-angel, 20%);
.element {
color: $botticelli-angel;
box-shadow: 0 0 0 2px rgba($botticelli-angel, 0.35);
}