Nazwany kolor · #E1D7C2
Paella Natural White
Paella Natural White to #E1D7C2: rgb(225 215 194), hsl(41 34% 82%), oklch(0.882 0.03 85.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Paella Natural White color name →
#E1D7C2
oklch(0.882 0.03 85.6)
Konwersje koloru
- HEX
- #e1d7c2
- RGB
- rgb(225 215 194)
- HSL
- hsl(41 34% 82%)
- HWB
- hwb(41 76% 12%)
- OKLCH
- oklch(0.882 0.03 85.6)
- OKLab
- oklab(0.882 0.002 0.03)
- CIE Lab
- lab(86.37 0.98 11.7)
- LCH
- lch(86.37 11.74 85.2)
- CMYK
- cmyk(0% 4% 14% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4DBC8
- E7DFCE
- EAE3D4
- EDE7DA
- F0EBE0
- F3EFE6
- F6F3ED
- F9F7F3
- FCFBF9
Odcienie ciemniejsze
- C4BBA8
- A79F8F
- 8B8577
- 706B60
- 565249
- 3E3B34
- 272520
- 12110E
- 020202
Tony
- D7CEBB
- CDC5B4
- C3BCAE
- B9B3A7
- AFABA1
- A6A29A
- 9C9993
- 93918D
- 898886
Harmonie kolorów
Komplementarna +180°
- E1D7C2
Paella Natural White
- CED8ED
≈ Lilac Cotton Candy
Analogowa -30° +30°
- E1D7C2
Paella Natural White
- E9D3C5
≈ Ash Plum
- D7DBC5
≈ Silver Laurel
Triada +120° +240°
- E1D7C2
Paella Natural White
- C2DEE2
≈ Ice Shard Soft Blue
- E3D2E3
≈ Purplish White
Komplementarna rozszczepiona +150° +210°
- E1D7C2
Paella Natural White
- C6DCEA
≈ Put on Ice
- D9D4EA
≈ Violet Crush
Tetrada +90° +180° +270°
- E1D7C2
Paella Natural White
- C4DFD7
≈ Ulthuan Grey
- CED8ED
≈ Lilac Cotton Candy
- EAD0D9
≈ Distant Flare
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.70:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--paella-natural-white: #e1d7c2;
--paella-natural-white-rgb: 225 215 194;
--paella-natural-white-oklch: oklch(0.882 0.03 85.6);
}
.element {
color: var(--paella-natural-white);
background-color: hsl(41 34% 82%);
border-color: oklch(0.882 0.03 85.6);
}Tailwind CSS v4
@theme {
--color-paella-natural-white: #e1d7c2;
--color-paella-natural-white-50: #f9f5ec;
--color-paella-natural-white-100: #ece7dd;
--color-paella-natural-white-200: #dad4c6;
--color-paella-natural-white-300: #beb7a6;
--color-paella-natural-white-400: #a69d8b;
--color-paella-natural-white-500: #8f8570;
--color-paella-natural-white-600: #79715f;
--color-paella-natural-white-700: #615a4c;
--color-paella-natural-white-800: #474237;
--color-paella-natural-white-900: #312d25;
--color-paella-natural-white-950: #1d1a14;
}SCSS
$paella-natural-white: #e1d7c2;
$paella-natural-white-rgb: 225, 215, 194;
$paella-natural-white-light: mix(#fff, $paella-natural-white, 20%);
$paella-natural-white-dark: mix(#000, $paella-natural-white, 20%);
.element {
color: $paella-natural-white;
box-shadow: 0 0 0 2px rgba($paella-natural-white, 0.35);
}