Nazwany kolor · #FBF4DA
Tulip Petals
Tulip Petals to #FBF4DA: rgb(251 244 218), hsl(47 80% 92%), oklch(0.966 0.035 94.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Tulip Petals color name →
#FBF4DA
oklch(0.966 0.035 94.5)
Konwersje koloru
- HEX
- #fbf4da
- RGB
- rgb(251 244 218)
- HSL
- hsl(47 80% 92%)
- HWB
- hwb(47 85% 2%)
- OKLCH
- oklch(0.966 0.035 94.5)
- OKLab
- oklab(0.966 -0.003 0.035)
- CIE Lab
- lab(96.23 -0.73 13.46)
- LCH
- lch(96.23 13.48 93.1)
- CMYK
- cmyk(0% 3% 13% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBF5DE
- FCF6E1
- FCF7E5
- FDF8E9
- FDFAED
- FDFBF0
- FEFCF4
- FEFDF8
- FFFEFB
Odcienie ciemniejsze
- DAD4BD
- BAB5A2
- 9C9787
- 7E7A6C
- 615E54
- 46443C
- 2D2B25
- 151411
- 030302
Tony
- EEE8D1
- E1DCC7
- D5D0BE
- C8C4B5
- BCB8AC
- AFADA3
- A3A19A
- 979691
- 8C8B89
Harmonie kolorów
Komplementarna +180°
- FBF4DA
Tulip Petals
- F0F3FF
≈ Boysenberry Shadow
Analogowa -30° +30°
- FBF4DA
Tulip Petals
- FFF1E4
≈ Rice Pudding
- EEF8DF
≈ Lemon Sugar
Triada +120° +240°
- FBF4DA
Tulip Petals
- E1F9FF
≈ Glacial Day
- FFEEFB
≈ Partial Pink
Komplementarna rozszczepiona +150° +210°
- FBF4DA
Tulip Petals
- EAF5FF
≈ Placebo Blue
- F7F1FF
≈ Cloud Break
Tetrada +90° +180° +270°
- FBF4DA
Tulip Petals
- DBFCF6
≈ Mint Condition
- F0F3FF
≈ Boysenberry Shadow
- FFEFF2
≈ Powder Puff
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.10:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.05:1 · APCA Lc 101
Najlepszy kolor tekstu: #000000
WCAG 19.05:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--tulip-petals: #fbf4da;
--tulip-petals-rgb: 251 244 218;
--tulip-petals-oklch: oklch(0.966 0.035 94.5);
}
.element {
color: var(--tulip-petals);
background-color: hsl(47 80% 92%);
border-color: oklch(0.966 0.035 94.5);
}Tailwind CSS v4
@theme {
--color-tulip-petals: #fbf4da;
--color-tulip-petals-50: #f8f5ea;
--color-tulip-petals-100: #ebe8db;
--color-tulip-petals-200: #d8d5c4;
--color-tulip-petals-300: #bcb8a4;
--color-tulip-petals-400: #a59f88;
--color-tulip-petals-500: #8d866c;
--color-tulip-petals-600: #78725c;
--color-tulip-petals-700: #605b49;
--color-tulip-petals-800: #464235;
--color-tulip-petals-900: #312e24;
--color-tulip-petals-950: #1d1a13;
}SCSS
$tulip-petals: #fbf4da;
$tulip-petals-rgb: 251, 244, 218;
$tulip-petals-light: mix(#fff, $tulip-petals, 20%);
$tulip-petals-dark: mix(#000, $tulip-petals, 20%);
.element {
color: $tulip-petals;
box-shadow: 0 0 0 2px rgba($tulip-petals, 0.35);
}