Najbliższy nazwany kolor · #D3CEBF
#D3CEBF
Najbliższy nazwany kolor: Lunar Landing
#D3CEBF (rgb(211 206 191), hsl(45 19% 79%), oklch(0.851 0.021 91.6)) jest najbliższy nazwanemu kolorowi Lunar Landing. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D3CEBF
oklch(0.851 0.021 91.6)
Konwersje koloru
- HEX
- #d3cebf
- RGB
- rgb(211 206 191)
- HSL
- hsl(45 19% 79%)
- HWB
- hwb(45 75% 17%)
- OKLCH
- oklch(0.851 0.021 91.6)
- OKLab
- oklab(0.851 -0.001 0.021)
- CIE Lab
- lab(82.86 -0.13 8.14)
- LCH
- lch(82.86 8.14 90.9)
- CMYK
- cmyk(0% 2% 9% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7D3C5
- DCD8CC
- E0DDD2
- E4E1D8
- E9E6DF
- EDEBE5
- F2F0EC
- F6F5F2
- FBFAF8
Odcienie ciemniejsze
- B7B3A6
- 9C988D
- 827F75
- 69665E
- 514E48
- 3A3833
- 24231F
- 100F0D
- 020202
Tony
- CAC6B9
- C2BEB2
- B9B6AC
- B1AEA5
- A9A69F
- A09E99
- 989792
- 908F8C
- 888786
Harmonie kolorów
Komplementarna +180°
- D3CEBF
Lunar Landing
- C9CEDC
≈ Pale Shale
Analogowa -30° +30°
- D3CEBF
Lunar Landing
- D9CBC1
≈ Coconut Macaroon
- CCD1C2
≈ Glass Tile
Triada +120° +240°
- D3CEBF
Lunar Landing
- BFD2D6
≈ Scandinavian Sky
- D7C9D4
≈ Eternal Moonrise
Komplementarna rozszczepiona +150° +210°
- D3CEBF
Lunar Landing
- C3D0DB
≈ Monet
- D0CBDA
≈ Kundalini Bliss
Tetrada +90° +180° +270°
- D3CEBF
Lunar Landing
- C0D3CF
≈ Icy Waterfall
- C9CEDC
≈ Pale Shale
- DBC9CD
≈ Captivating
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.35:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--lunar-landing: #d3cebf;
--lunar-landing-rgb: 211 206 191;
--lunar-landing-oklch: oklch(0.851 0.021 91.6);
}
.element {
color: var(--lunar-landing);
background-color: hsl(45 19% 79%);
border-color: oklch(0.851 0.021 91.6);
}Tailwind CSS v4
@theme {
--color-lunar-landing: #d3cebf;
--color-lunar-landing-50: #f7f5ee;
--color-lunar-landing-100: #eae8e0;
--color-lunar-landing-200: #d7d4ca;
--color-lunar-landing-300: #bbb7ac;
--color-lunar-landing-400: #a39e91;
--color-lunar-landing-500: #8b8677;
--color-lunar-landing-600: #767165;
--color-lunar-landing-700: #5e5b50;
--color-lunar-landing-800: #45423a;
--color-lunar-landing-900: #302e28;
--color-lunar-landing-950: #1c1a16;
}SCSS
$lunar-landing: #d3cebf;
$lunar-landing-rgb: 211, 206, 191;
$lunar-landing-light: mix(#fff, $lunar-landing, 20%);
$lunar-landing-dark: mix(#000, $lunar-landing, 20%);
.element {
color: $lunar-landing;
box-shadow: 0 0 0 2px rgba($lunar-landing, 0.35);
}