Nazwany kolor · #E6DDD5
Nice White
Nice White to #E6DDD5: rgb(230 221 213), hsl(28 25% 87%), oklch(0.902 0.015 64.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Nice White color name →
#E6DDD5
oklch(0.902 0.015 64.3)
Konwersje koloru
- HEX
- #e6ddd5
- RGB
- rgb(230 221 213)
- HSL
- hsl(28 25% 87%)
- HWB
- hwb(28 84% 10%)
- OKLCH
- oklch(0.902 0.015 64.3)
- OKLab
- oklab(0.902 0.006 0.013)
- CIE Lab
- lab(88.67 2.16 5.09)
- LCH
- lch(88.67 5.53 67)
- CMYK
- cmyk(0% 4% 7% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8E0D9
- EBE4DD
- EDE7E1
- F0EBE6
- F2EEEA
- F5F1EE
- F7F5F2
- FAF8F7
- FCFCFB
Odcienie ciemniejsze
- C8C0B9
- ABA49E
- 8E8883
- 736E6A
- 595551
- 403D3A
- 282624
- 131110
- 030202
Tony
- DBD3CC
- D1CAC3
- C6C0BB
- BCB7B2
- B2ADAA
- A7A4A1
- 9D9B99
- 949290
- 8A8988
Harmonie kolorów
Komplementarna +180°
- E6DDD5
Nice White
- D7E0E8
≈ Harbour Light
Analogowa -30° +30°
- E6DDD5
Nice White
- E8DCD8
≈ Studio White
- E2DFD4
≈ Spun Wool
Triada +120° +240°
- E6DDD5
Nice White
- D5E2E0
≈ Pristine Petal
- E1DDE7
≈ Rare Crystal
Komplementarna rozszczepiona +150° +210°
- E6DDD5
Nice White
- D5E2E5
≈ April Winds
- DCDEE9
≈ Pale Cloud
Tetrada +90° +180° +270°
- E6DDD5
Nice White
- D8E2DA
≈ Night Wind
- D7E0E8
≈ Harbour Light
- E5DBE3
≈ Spangle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.66:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.66:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--nice-white: #e6ddd5;
--nice-white-rgb: 230 221 213;
--nice-white-oklch: oklch(0.902 0.015 64.3);
}
.element {
color: var(--nice-white);
background-color: hsl(28 25% 87%);
border-color: oklch(0.902 0.015 64.3);
}Tailwind CSS v4
@theme {
--color-nice-white: #e6ddd5;
--color-nice-white-50: #f8f4f1;
--color-nice-white-100: #ebe7e3;
--color-nice-white-200: #d9d3ce;
--color-nice-white-300: #bdb6b0;
--color-nice-white-400: #a59d96;
--color-nice-white-500: #8d847c;
--color-nice-white-600: #787069;
--color-nice-white-700: #605a54;
--color-nice-white-800: #46413d;
--color-nice-white-900: #312d2a;
--color-nice-white-950: #1d1a18;
}SCSS
$nice-white: #e6ddd5;
$nice-white-rgb: 230, 221, 213;
$nice-white-light: mix(#fff, $nice-white, 20%);
$nice-white-dark: mix(#000, $nice-white, 20%);
.element {
color: $nice-white;
box-shadow: 0 0 0 2px rgba($nice-white, 0.35);
}