Nazwany kolor · #D4DCD3
Kingston
Kingston to #D4DCD3: rgb(212 220 211), hsl(113 11% 85%), oklch(0.886 0.015 142.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Kingston color name →
#D4DCD3
oklch(0.886 0.015 142.2)
Konwersje koloru
- HEX
- #d4dcd3
- RGB
- rgb(212 220 211)
- HSL
- hsl(113 11% 85%)
- HWB
- hwb(113 83% 14%)
- OKLCH
- oklch(0.886 0.015 142.2)
- OKLab
- oklab(0.886 -0.012 0.009)
- CIE Lab
- lab(86.95 -4.02 3.45)
- LCH
- lch(86.95 5.29 139.3)
- CMYK
- cmyk(4% 0% 4% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8DFD7
- DCE3DC
- E1E6E0
- E5EAE4
- E9EDE9
- EEF1ED
- F2F4F2
- F6F8F6
- FBFBFB
Odcienie ciemniejsze
- B8BFB7
- 9DA39C
- 838882
- 696E69
- 515451
- 3A3C3A
- 242624
- 101110
- 020202
Tony
- CBD2CA
- C3C9C2
- BABFB9
- B1B6B1
- A9ADA9
- A1A4A0
- 989B98
- 909290
- 888988
Harmonie kolorów
Komplementarna +180°
- D4DCD3
Kingston
- DED6DF
≈ Titan White
Analogowa -30° +30°
- D4DCD3
Kingston
- D9DBCF
≈ Icepick
- D0DDD8
≈ Sky Glass
Triada +120° +240°
- D4DCD3
Kingston
- D4DAE4
≈ Highland Winds
- E3D6D5
≈ Most Delicate
Komplementarna rozszczepiona +150° +210°
- D4DCD3
Kingston
- D9D8E3
≈ Misty Violet
- E2D6DA
≈ Fairy-Nuff
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 14.97:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.97:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--kingston: #d4dcd3;
--kingston-rgb: 212 220 211;
--kingston-oklch: oklch(0.886 0.015 142.2);
}
.element {
color: var(--kingston);
background-color: hsl(113 11% 85%);
border-color: oklch(0.886 0.015 142.2);
}Tailwind CSS v4
@theme {
--color-kingston: #d4dcd3;
--color-kingston-50: #f3f6f2;
--color-kingston-100: #e5e9e5;
--color-kingston-200: #d0d6d0;
--color-kingston-300: #b3b9b3;
--color-kingston-400: #9aa199;
--color-kingston-500: #818980;
--color-kingston-600: #6d746c;
--color-kingston-700: #575d56;
--color-kingston-800: #40443f;
--color-kingston-900: #2c2f2b;
--color-kingston-950: #191b19;
}SCSS
$kingston: #d4dcd3;
$kingston-rgb: 212, 220, 211;
$kingston-light: mix(#fff, $kingston, 20%);
$kingston-dark: mix(#000, $kingston, 20%);
.element {
color: $kingston;
box-shadow: 0 0 0 2px rgba($kingston, 0.35);
}