Najbliższy nazwany kolor · #F4EAD2
#F4EAD2
Najbliższy nazwany kolor: Imperial Ivory
#F4EAD2 (rgb(244 234 210), hsl(42 61% 89%), oklch(0.939 0.033 88.1)) jest najbliższy nazwanemu kolorowi Imperial Ivory. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F4EAD2
oklch(0.939 0.033 88.1)
Konwersje koloru
- HEX
- #f4ead2
- RGB
- rgb(244 234 210)
- HSL
- hsl(42 61% 89%)
- HWB
- hwb(42 82% 4%)
- OKLCH
- oklch(0.939 0.033 88.1)
- OKLab
- oklab(0.939 0.001 0.033)
- CIE Lab
- lab(93.02 0.6 12.98)
- LCH
- lch(93.02 12.99 87.4)
- CMYK
- cmyk(0% 4% 14% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5ECD7
- F6EEDB
- F7F0E0
- F8F2E4
- FAF5E9
- FBF7ED
- FCF9F2
- FDFBF6
- FEFDFB
Odcienie ciemniejsze
- D4CBB6
- B5AE9B
- 979181
- 7A7568
- 5E5A50
- 444139
- 2B2924
- 141310
- 030302
Tony
- E8DFCA
- DCD4C1
- D0C9B9
- C4BEB0
- B8B4A8
- ADA9A0
- A19F98
- 969490
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F4EAD2
Imperial Ivory
- E2EBFF
≈ Husky
Analogowa -30° +30°
- F4EAD2
Imperial Ivory
- FDE6D5
≈ Winthrop Peach
- E8EED5
≈ Alligator Egg
Triada +120° +240°
- F4EAD2
Imperial Ivory
- D2F2F6
≈ Windswept
- F8E3F6
≈ Soft Lavender
Komplementarna rozszczepiona +150° +210°
- F4EAD2
Imperial Ivory
- D7EFFF
≈ Ice Castle
- EDE6FF
≈ Cyber Lavender
Tetrada +90° +180° +270°
- F4EAD2
Imperial Ivory
- D4F3EB
≈ Slippery Tub
- E2EBFF
≈ Husky
- FFE2EA
≈ Baby Girl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.54:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.54:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--imperial-ivory: #f4ead2;
--imperial-ivory-rgb: 244 234 210;
--imperial-ivory-oklch: oklch(0.939 0.033 88.1);
}
.element {
color: var(--imperial-ivory);
background-color: hsl(42 61% 89%);
border-color: oklch(0.939 0.033 88.1);
}Tailwind CSS v4
@theme {
--color-imperial-ivory: #f4ead2;
--color-imperial-ivory-50: #f9f5eb;
--color-imperial-ivory-100: #ece8dc;
--color-imperial-ivory-200: #dad4c5;
--color-imperial-ivory-300: #beb7a4;
--color-imperial-ivory-400: #a79e88;
--color-imperial-ivory-500: #8f856d;
--color-imperial-ivory-600: #79715d;
--color-imperial-ivory-700: #615a4a;
--color-imperial-ivory-800: #484235;
--color-imperial-ivory-900: #322d24;
--color-imperial-ivory-950: #1e1a13;
}SCSS
$imperial-ivory: #f4ead2;
$imperial-ivory-rgb: 244, 234, 210;
$imperial-ivory-light: mix(#fff, $imperial-ivory, 20%);
$imperial-ivory-dark: mix(#000, $imperial-ivory, 20%);
.element {
color: $imperial-ivory;
box-shadow: 0 0 0 2px rgba($imperial-ivory, 0.35);
}