Nazwany kolor · #FBF6E7
Fragrant Jasmine
Fragrant Jasmine to #FBF6E7: rgb(251 246 231), hsl(45 71% 95%), oklch(0.973 0.02 91.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fragrant Jasmine color name →
#FBF6E7
oklch(0.973 0.02 91.6)
Konwersje koloru
- HEX
- #fbf6e7
- RGB
- rgb(251 246 231)
- HSL
- hsl(45 71% 95%)
- HWB
- hwb(45 91% 2%)
- OKLCH
- oklch(0.973 0.02 91.6)
- OKLab
- oklab(0.973 -0.001 0.02)
- CIE Lab
- lab(96.97 -0.15 7.86)
- LCH
- lch(96.97 7.87 91.1)
- CMYK
- cmyk(0% 2% 8% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBF7E9
- FCF8EC
- FCF9EE
- FDFAF1
- FDFBF3
- FDFBF5
- FEFCF8
- FEFDFA
- FFFEFD
Odcienie ciemniejsze
- DAD6C9
- BAB7AB
- 9C988F
- 7E7B73
- 615F59
- 464540
- 2D2C28
- 151513
- 030303
Tony
- EEEADC
- E1DDD2
- D5D1C7
- C8C5BD
- BCB9B2
- AFAEA8
- A3A29E
- 979694
- 8C8B8A
Harmonie kolorów
Komplementarna +180°
- FBF6E7
Fragrant Jasmine
- F3F6FF
≈ Mā White
Analogowa -30° +30°
- FBF6E7
Fragrant Jasmine
- FFF4EB
≈ Ambrosia Ivory
- F4F9EA
≈ Bean Sprout
Triada +120° +240°
- FBF6E7
Fragrant Jasmine
- E7FAFE
≈ Calm Waters
- FFF1FC
≈ Pinkish White
Komplementarna rozszczepiona +150° +210°
- FBF6E7
Fragrant Jasmine
- EEF8FF
≈ Alice Blue
- F8F4FF
≈ Sugar Crystal
Tetrada +90° +180° +270°
- FBF6E7
Fragrant Jasmine
- E8FBF7
≈ Melting Glacier
- F3F6FF
≈ Mā White
- FFF2F5
≈ Glimpse of Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.08:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.43:1 · APCA Lc 102
Najlepszy kolor tekstu: #000000
WCAG 19.43:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
CSS
:root {
--fragrant-jasmine: #fbf6e7;
--fragrant-jasmine-rgb: 251 246 231;
--fragrant-jasmine-oklch: oklch(0.973 0.02 91.6);
}
.element {
color: var(--fragrant-jasmine);
background-color: hsl(45 71% 95%);
border-color: oklch(0.973 0.02 91.6);
}Tailwind CSS v4
@theme {
--color-fragrant-jasmine: #fbf6e7;
--color-fragrant-jasmine-50: #f7f5ef;
--color-fragrant-jasmine-100: #eae8e0;
--color-fragrant-jasmine-200: #d7d4cb;
--color-fragrant-jasmine-300: #bbb7ac;
--color-fragrant-jasmine-400: #a39e91;
--color-fragrant-jasmine-500: #8b8677;
--color-fragrant-jasmine-600: #767165;
--color-fragrant-jasmine-700: #5e5b51;
--color-fragrant-jasmine-800: #45423a;
--color-fragrant-jasmine-900: #302e28;
--color-fragrant-jasmine-950: #1c1a16;
}SCSS
$fragrant-jasmine: #fbf6e7;
$fragrant-jasmine-rgb: 251, 246, 231;
$fragrant-jasmine-light: mix(#fff, $fragrant-jasmine, 20%);
$fragrant-jasmine-dark: mix(#000, $fragrant-jasmine, 20%);
.element {
color: $fragrant-jasmine;
box-shadow: 0 0 0 2px rgba($fragrant-jasmine, 0.35);
}