Nazwany kolor · #F4E9D6
Summer White
Summer White to #F4E9D6: rgb(244 233 214), hsl(38 58% 90%), oklch(0.938 0.028 81.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Summer White color name →
#F4E9D6
oklch(0.938 0.028 81.5)
Konwersje koloru
- HEX
- #f4e9d6
- RGB
- rgb(244 233 214)
- HSL
- hsl(38 58% 90%)
- HWB
- hwb(38 84% 4%)
- OKLCH
- oklch(0.938 0.028 81.5)
- OKLab
- oklab(0.938 0.004 0.028)
- CIE Lab
- lab(92.85 1.53 10.67)
- LCH
- lch(92.85 10.78 81.8)
- CMYK
- cmyk(0% 5% 12% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5EBDA
- F6EDDE
- F7F0E2
- F8F2E6
- FAF4EA
- FBF6EF
- FCF8F3
- FDFBF7
- FEFDFB
Odcienie ciemniejsze
- D4CBBA
- B5AD9E
- 979084
- 7A746A
- 5E5A52
- 44413B
- 2B2925
- 141310
- 030302
Tony
- E8DECD
- DCD3C4
- D0C8BB
- C4BEB3
- B8B3AA
- ADA9A2
- A19E99
- 969491
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F4E9D6
Summer White
- E0EBFE
≈ Husky
Analogowa -30° +30°
- F4E9D6
Summer White
- FBE6DA
≈ Slightly in Love
- EBEDD8
≈ Blissful Serenity
Triada +120° +240°
- F4E9D6
Summer White
- D6F0F2
≈ Let It Snow
- F3E5F6
≈ Minute Mauve
Komplementarna rozszczepiona +150° +210°
- F4E9D6
Summer White
- D9EEFA
≈ Ice Castle
- EAE8FC
≈ Glitter
Tetrada +90° +180° +270°
- F4E9D6
Summer White
- D9F1E8
≈ Banshee
- E0EBFE
≈ Husky
- FAE3EC
≈ Spun Sugar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.20:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.47:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--summer-white: #f4e9d6;
--summer-white-rgb: 244 233 214;
--summer-white-oklch: oklch(0.938 0.028 81.5);
}
.element {
color: var(--summer-white);
background-color: hsl(38 58% 90%);
border-color: oklch(0.938 0.028 81.5);
}Tailwind CSS v4
@theme {
--color-summer-white: #f4e9d6;
--color-summer-white-50: #f9f5ec;
--color-summer-white-100: #ece7de;
--color-summer-white-200: #dad3c7;
--color-summer-white-300: #beb6a8;
--color-summer-white-400: #a79d8c;
--color-summer-white-500: #908572;
--color-summer-white-600: #7a7060;
--color-summer-white-700: #615a4d;
--color-summer-white-800: #484138;
--color-summer-white-900: #322d26;
--color-summer-white-950: #1e1a14;
}SCSS
$summer-white: #f4e9d6;
$summer-white-rgb: 244, 233, 214;
$summer-white-light: mix(#fff, $summer-white, 20%);
$summer-white-dark: mix(#000, $summer-white, 20%);
.element {
color: $summer-white;
box-shadow: 0 0 0 2px rgba($summer-white, 0.35);
}