Najbliższy nazwany kolor · #F3E8D8
#F3E8D8
Najbliższy nazwany kolor: Ballet White
#F3E8D8 (rgb(243 232 216), hsl(36 53% 90%), oklch(0.935 0.024 77.5)) jest najbliższy nazwanemu kolorowi Ballet White. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F3E8D8
oklch(0.935 0.024 77.5)
Konwersje koloru
- HEX
- #f3e8d8
- RGB
- rgb(243 232 216)
- HSL
- hsl(36 53% 90%)
- HWB
- hwb(36 85% 5%)
- OKLCH
- oklch(0.935 0.024 77.5)
- OKLab
- oklab(0.935 0.005 0.024)
- CIE Lab
- lab(92.55 1.89 9.21)
- LCH
- lch(92.55 9.4 78.4)
- CMYK
- cmyk(0% 5% 11% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4EADC
- F5EDE0
- F7EFE4
- F8F1E8
- F9F3EB
- FAF6EF
- FBF8F3
- FDFAF7
- FEFDFB
Odcienie ciemniejsze
- D3CABC
- B4ACA0
- 979085
- 7A746B
- 5E5953
- 44403B
- 2B2925
- 141311
- 030302
Tony
- E7DDCF
- DBD2C6
- CFC8BD
- C3BDB4
- B8B3AB
- ACA8A2
- A19E9A
- 969491
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F3E8D8
Ballet White
- E0EBFA
≈ Husky
Analogowa -30° +30°
- F3E8D8
Ballet White
- F8E5DC
≈ Roseate
- EBEBD9
≈ Colleen Green
Triada +120° +240°
- F3E8D8
Ballet White
- D8EFEF
≈ Lakeside Mist
- F1E5F5
≈ Holographic Lavender
Komplementarna rozszczepiona +150° +210°
- F3E8D8
Ballet White
- DAEDF7
≈ Ice Fishing
- E8E8FA
≈ Glitter
Tetrada +90° +180° +270°
- F3E8D8
Ballet White
- DBEFE6
≈ Banshee
- E0EBFA
≈ Husky
- F7E3ED
≈ Petal Poise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.34:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--ballet-white: #f3e8d8;
--ballet-white-rgb: 243 232 216;
--ballet-white-oklch: oklch(0.935 0.024 77.5);
}
.element {
color: var(--ballet-white);
background-color: hsl(36 53% 90%);
border-color: oklch(0.935 0.024 77.5);
}Tailwind CSS v4
@theme {
--color-ballet-white: #f3e8d8;
--color-ballet-white-50: #f9f4ed;
--color-ballet-white-100: #ece7df;
--color-ballet-white-200: #dad3c9;
--color-ballet-white-300: #beb6aa;
--color-ballet-white-400: #a79d8f;
--color-ballet-white-500: #8f8474;
--color-ballet-white-600: #797063;
--color-ballet-white-700: #615a4f;
--color-ballet-white-800: #474139;
--color-ballet-white-900: #312d27;
--color-ballet-white-950: #1d1a15;
}SCSS
$ballet-white: #f3e8d8;
$ballet-white-rgb: 243, 232, 216;
$ballet-white-light: mix(#fff, $ballet-white, 20%);
$ballet-white-dark: mix(#000, $ballet-white, 20%);
.element {
color: $ballet-white;
box-shadow: 0 0 0 2px rgba($ballet-white, 0.35);
}