Nazwany kolor · #D4D3E0
Light Amourette
Light Amourette to #D4D3E0: rgb(212 211 224), hsl(245 17% 85%), oklch(0.872 0.018 289.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Amourette color name →
#D4D3E0
oklch(0.872 0.018 289.6)
Konwersje koloru
- HEX
- #d4d3e0
- RGB
- rgb(212 211 224)
- HSL
- hsl(245 17% 85%)
- HWB
- hwb(245 83% 12%)
- OKLCH
- oklch(0.872 0.018 289.6)
- OKLab
- oklab(0.872 0.006 -0.017)
- CIE Lab
- lab(84.93 2.16 -6.31)
- LCH
- lch(84.93 6.66 288.9)
- CMYK
- cmyk(5% 6% 0% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8D7E3
- DCDCE6
- E1E0E9
- E5E4EC
- E9E9EF
- EEEDF3
- F2F2F6
- F6F6F9
- FBFBFC
Odcienie ciemniejsze
- B8B7C3
- 9D9CA6
- 83828A
- 696970
- 515156
- 3A3A3E
- 242427
- 101012
- 020202
Tony
- CBCAD6
- C3C2CC
- BAB9C2
- B1B1B8
- A9A9AF
- A1A0A5
- 98989C
- 909092
- 888889
Harmonie kolorów
Komplementarna +180°
- D4D3E0
Light Amourette
- D5D6C9
≈ Light Livingstone
Analogowa -30° +30°
- D4D3E0
Light Amourette
- CED5E1
≈ Morning Chill
- DAD1DC
≈ Spun Moonbeams
Triada +120° +240°
- D4D3E0
Light Amourette
- DFD2CB
≈ Mocha Ice
- CAD9D3
≈ Sea Haze Grey
Komplementarna rozszczepiona +150° +210°
- D4D3E0
Light Amourette
- DBD4C8
≈ Gilded Linen
- CFD8CD
≈ Aspen Mist
Tetrada +90° +180° +270°
- D4D3E0
Light Amourette
- E0D0D0
≈ Light Sprig Muslin
- D5D6C9
≈ Light Livingstone
- C8D8D9
≈ Offshore Mist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.47:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.19:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-amourette: #d4d3e0;
--light-amourette-rgb: 212 211 224;
--light-amourette-oklch: oklch(0.872 0.018 289.6);
}
.element {
color: var(--light-amourette);
background-color: hsl(245 17% 85%);
border-color: oklch(0.872 0.018 289.6);
}Tailwind CSS v4
@theme {
--color-light-amourette: #d4d3e0;
--color-light-amourette-50: #f5f4fa;
--color-light-amourette-100: #e8e7ed;
--color-light-amourette-200: #d4d3db;
--color-light-amourette-300: #b7b6c0;
--color-light-amourette-400: #9e9da9;
--color-light-amourette-500: #858492;
--color-light-amourette-600: #71707b;
--color-light-amourette-700: #5a5a63;
--color-light-amourette-800: #424148;
--color-light-amourette-900: #2d2d32;
--color-light-amourette-950: #1a1a1e;
}SCSS
$light-amourette: #d4d3e0;
$light-amourette-rgb: 212, 211, 224;
$light-amourette-light: mix(#fff, $light-amourette, 20%);
$light-amourette-dark: mix(#000, $light-amourette, 20%);
.element {
color: $light-amourette;
box-shadow: 0 0 0 2px rgba($light-amourette, 0.35);
}