Nazwany kolor · #EEE3D6
Farmers Milk
Farmers Milk to #EEE3D6: rgb(238 227 214), hsl(32 41% 89%), oklch(0.921 0.021 72.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Farmers Milk color name →
#EEE3D6
oklch(0.921 0.021 72.1)
Konwersje koloru
- HEX
- #eee3d6
- RGB
- rgb(238 227 214)
- HSL
- hsl(32 41% 89%)
- HWB
- hwb(32 84% 7%)
- OKLCH
- oklch(0.921 0.021 72.1)
- OKLab
- oklab(0.921 0.006 0.02)
- CIE Lab
- lab(90.86 2.26 7.78)
- LCH
- lch(90.86 8.1 73.8)
- CMYK
- cmyk(0% 5% 10% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0E6DA
- F1E9DE
- F3EBE2
- F5EEE6
- F7F1EA
- F8F4EF
- FAF7F3
- FCF9F7
- FDFCFB
Odcienie ciemniejsze
- CFC5BA
- B1A89E
- 938C84
- 77716A
- 5C5752
- 423F3B
- 2A2725
- 141210
- 030302
Tony
- E2D9CD
- D7CEC4
- CCC4BB
- C1BAB3
- B5B0AA
- ABA6A1
- A09D99
- 959391
- 8A8988
Harmonie kolorów
Komplementarna +180°
- EEE3D6
Farmers Milk
- DBE6F3
≈ Icicle Veil
Analogowa -30° +30°
- EEE3D6
Farmers Milk
- F2E1DA
≈ Fallen Petals
- E7E6D6
≈ Twilight Twist
Triada +120° +240°
- EEE3D6
Farmers Milk
- D6EAE8
≈ Cold Omen
- EAE1EF
≈ Romantic Cruise
Komplementarna rozszczepiona +150° +210°
- EEE3D6
Farmers Milk
- D7E8EF
≈ Dream Blue
- E2E4F3
≈ Crystal Falls
Tetrada +90° +180° +270°
- EEE3D6
Farmers Milk
- D9EAE1
≈ Green Emulsion
- DBE6F3
≈ Icicle Veil
- F0E0E9
≈ Pink Proposal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.59:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.59:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--farmers-milk: #eee3d6;
--farmers-milk-rgb: 238 227 214;
--farmers-milk-oklch: oklch(0.921 0.021 72.1);
}
.element {
color: var(--farmers-milk);
background-color: hsl(32 41% 89%);
border-color: oklch(0.921 0.021 72.1);
}Tailwind CSS v4
@theme {
--color-farmers-milk: #eee3d6;
--color-farmers-milk-50: #f9f4ef;
--color-farmers-milk-100: #ece7e0;
--color-farmers-milk-200: #dad3cb;
--color-farmers-milk-300: #beb6ac;
--color-farmers-milk-400: #a69d91;
--color-farmers-milk-500: #8f8477;
--color-farmers-milk-600: #797065;
--color-farmers-milk-700: #615951;
--color-farmers-milk-800: #47413b;
--color-farmers-milk-900: #312d28;
--color-farmers-milk-950: #1d1a16;
}SCSS
$farmers-milk: #eee3d6;
$farmers-milk-rgb: 238, 227, 214;
$farmers-milk-light: mix(#fff, $farmers-milk, 20%);
$farmers-milk-dark: mix(#000, $farmers-milk, 20%);
.element {
color: $farmers-milk;
box-shadow: 0 0 0 2px rgba($farmers-milk, 0.35);
}