Nazwany kolor · #F5EFD6
Soft Cream
Soft Cream to #F5EFD6: rgb(245 239 214), hsl(48 61% 90%), oklch(0.95 0.033 95.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Soft Cream color name →
#F5EFD6
oklch(0.95 0.033 95.9)
Konwersje koloru
- HEX
- #f5efd6
- RGB
- rgb(245 239 214)
- HSL
- hsl(48 61% 90%)
- HWB
- hwb(48 84% 4%)
- OKLCH
- oklch(0.95 0.033 95.9)
- OKLab
- oklab(0.95 -0.003 0.033)
- CIE Lab
- lab(94.43 -0.97 12.9)
- LCH
- lch(94.43 12.94 94.3)
- CMYK
- cmyk(0% 2% 13% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6F1DA
- F7F2DE
- F8F4E2
- F9F5E6
- FAF7EB
- FBF9EF
- FCFAF3
- FDFCF7
- FEFDFB
Odcienie ciemniejsze
- D5D0BA
- B6B19E
- 989484
- 7B786A
- 5F5C52
- 44423B
- 2B2A25
- 151410
- 030302
Tony
- E9E3CD
- DDD8C4
- D0CCBB
- C5C1B3
- B9B6AA
- ADABA2
- A2A099
- 969591
- 8B8B88
Harmonie kolorów
Komplementarna +180°
- F5EFD6
Soft Cream
- EAEEFF
≈ Brilliant White
Analogowa -30° +30°
- F5EFD6
Soft Cream
- FFEBD8
≈ Flowerbed
- E9F3DB
≈ Diminished Mint
Triada +120° +240°
- F5EFD6
Soft Cream
- D6F5FD
≈ Fishious Rend
- FEE7F7
≈ Dolomite Crystal
Komplementarna rozszczepiona +150° +210°
- F5EFD6
Soft Cream
- E1F1FF
≈ Wizard White
- F3EAFF
≈ Placebo Purple
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.20:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.20:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-cream: #f5efd6;
--soft-cream-rgb: 245 239 214;
--soft-cream-oklch: oklch(0.95 0.033 95.9);
}
.element {
color: var(--soft-cream);
background-color: hsl(48 61% 90%);
border-color: oklch(0.95 0.033 95.9);
}Tailwind CSS v4
@theme {
--color-soft-cream: #f5efd6;
--color-soft-cream-50: #f7f5eb;
--color-soft-cream-100: #ebe8dc;
--color-soft-cream-200: #d8d5c5;
--color-soft-cream-300: #bcb8a5;
--color-soft-cream-400: #a49f89;
--color-soft-cream-500: #8d866d;
--color-soft-cream-600: #77725d;
--color-soft-cream-700: #5f5b4a;
--color-soft-cream-800: #464235;
--color-soft-cream-900: #302e24;
--color-soft-cream-950: #1d1b13;
}SCSS
$soft-cream: #f5efd6;
$soft-cream-rgb: 245, 239, 214;
$soft-cream-light: mix(#fff, $soft-cream, 20%);
$soft-cream-dark: mix(#000, $soft-cream, 20%);
.element {
color: $soft-cream;
box-shadow: 0 0 0 2px rgba($soft-cream, 0.35);
}