Nazwany kolor · #F9F7EC
Night Blooming Jasmine
Night Blooming Jasmine to #F9F7EC: rgb(249 247 236), hsl(51 52% 95%), oklch(0.975 0.015 98.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Night Blooming Jasmine color name →
#F9F7EC
oklch(0.975 0.015 98.3)
Konwersje koloru
- HEX
- #f9f7ec
- RGB
- rgb(249 247 236)
- HSL
- hsl(51 52% 95%)
- HWB
- hwb(51 93% 2%)
- OKLCH
- oklch(0.975 0.015 98.3)
- OKLab
- oklab(0.975 -0.002 0.015)
- CIE Lab
- lab(97.16 -0.71 5.55)
- LCH
- lch(97.16 5.6 97.3)
- CMYK
- cmyk(0% 1% 5% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FAF8EE
- FAF9F0
- FBF9F2
- FBFAF4
- FCFBF6
- FDFCF7
- FDFDF9
- FEFDFB
- FEFEFD
Odcienie ciemniejsze
- D9D7CD
- B9B7AF
- 9A9992
- 7D7C76
- 61605B
- 464542
- 2C2C29
- 151513
- 030303
Tony
- ECEAE1
- E0DED5
- D3D2CA
- C7C6BF
- BBBAB5
- AFAEAA
- A3A29F
- 979795
- 8B8B8A
Harmonie kolorów
Komplementarna +180°
- F9F7EC
Night Blooming Jasmine
- F5F6FF
≈ Mā White
Analogowa -30° +30°
- F9F7EC
Night Blooming Jasmine
- FEF5EC
≈ Ambrosia Ivory
- F4F9EE
≈ Unwind
Triada +120° +240°
- F9F7EC
Night Blooming Jasmine
- ECF9FD
≈ Silent Snowfall
- FEF3FA
≈ Pinkish White
Komplementarna rozszczepiona +150° +210°
- F9F7EC
Night Blooming Jasmine
- F0F8FF
≈ Alice Blue
- F9F4FF
≈ Sugar Crystal
Tetrada +90° +180° +270°
- F9F7EC
Night Blooming Jasmine
- ECFAF8
≈ Cold White
- F5F6FF
≈ Mā White
- FFF3F5
≈ Glimpse of Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.07:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.54:1 · APCA Lc 102
Najlepszy kolor tekstu: #000000
WCAG 19.54:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
CSS
:root {
--night-blooming-jasmine: #f9f7ec;
--night-blooming-jasmine-rgb: 249 247 236;
--night-blooming-jasmine-oklch: oklch(0.975 0.015 98.3);
}
.element {
color: var(--night-blooming-jasmine);
background-color: hsl(51 52% 95%);
border-color: oklch(0.975 0.015 98.3);
}Tailwind CSS v4
@theme {
--color-night-blooming-jasmine: #f9f7ec;
--color-night-blooming-jasmine-50: #f6f5f1;
--color-night-blooming-jasmine-100: #e9e8e3;
--color-night-blooming-jasmine-200: #d5d4cd;
--color-night-blooming-jasmine-300: #b9b8af;
--color-night-blooming-jasmine-400: #a09f95;
--color-night-blooming-jasmine-500: #88867c;
--color-night-blooming-jasmine-600: #737269;
--color-night-blooming-jasmine-700: #5c5b54;
--color-night-blooming-jasmine-800: #44423d;
--color-night-blooming-jasmine-900: #2f2e2a;
--color-night-blooming-jasmine-950: #1b1b17;
}SCSS
$night-blooming-jasmine: #f9f7ec;
$night-blooming-jasmine-rgb: 249, 247, 236;
$night-blooming-jasmine-light: mix(#fff, $night-blooming-jasmine, 20%);
$night-blooming-jasmine-dark: mix(#000, $night-blooming-jasmine, 20%);
.element {
color: $night-blooming-jasmine;
box-shadow: 0 0 0 2px rgba($night-blooming-jasmine, 0.35);
}