Warna bernama · #D6D8CD
Ancient Kingdom
Ancient Kingdom adalah #D6D8CD: rgb(214 216 205), hsl(71 12% 83%), oklch(0.878 0.015 115.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Ancient Kingdom color name →
#D6D8CD
oklch(0.878 0.015 115.1)
Konversi warna
- HEX
- #d6d8cd
- RGB
- rgb(214 216 205)
- HSL
- hsl(71 12% 83%)
- HWB
- hwb(71 80% 15%)
- OKLCH
- oklch(0.878 0.015 115.1)
- OKLab
- oklab(0.878 -0.006 0.014)
- CIE Lab
- lab(85.95 -2.16 5.19)
- LCH
- lch(85.95 5.62 112.6)
- CMYK
- cmyk(1% 0% 5% 15%)
Tint · Shade · Tone
Tint
- DADCD2
- DEE0D7
- E2E4DC
- E6E7E1
- EAEBE6
- EEEFEB
- F3F3F0
- F7F7F5
- FBFBFA
Shade
- BABCB2
- 9EA098
- 84857E
- 6A6B66
- 52534E
- 3B3B38
- 252523
- 10110F
- 020202
Tone
- CDCFC5
- C4C6BD
- BBBDB5
- B3B4AD
- AAABA6
- A1A29E
- 999A96
- 91918F
- 888887
Harmoni warna
Komplementer +180°
- D6D8CD
Ancient Kingdom
- D7D5E0
≈ Take the Plunge
Analog -30° +30°
- D6D8CD
Ancient Kingdom
- DBD6CC
≈ White Pointer
- D1D9D1
≈ Wind Fresh White
Triadik +120° +240°
- D6D8CD
Ancient Kingdom
- CED9DF
≈ Zen
- DFD3D7
≈ Fairy White
Split-komplementer +150° +210°
- D6D8CD
Ancient Kingdom
- D2D7E1
≈ Twinkle Blue
- DCD3DC
≈ Timid Violet
Tetradik +90° +180° +270°
- D6D8CD
Ancient Kingdom
- CCDADB
≈ Siesta White
- D7D5E0
≈ Take the Plunge
- E1D3D2
≈ Theatre Powder Rose
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.44:1 · APCA Lc 21
Ag
AAADi atas hitam
WCAG 14.56:1 · APCA Lc 82
Warna teks terbaik: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
Cuplikan kode
CSS
:root {
--ancient-kingdom: #d6d8cd;
--ancient-kingdom-rgb: 214 216 205;
--ancient-kingdom-oklch: oklch(0.878 0.015 115.1);
}
.element {
color: var(--ancient-kingdom);
background-color: hsl(71 12% 83%);
border-color: oklch(0.878 0.015 115.1);
}Tailwind CSS v4
@theme {
--color-ancient-kingdom: #d6d8cd;
--color-ancient-kingdom-50: #f5f6f1;
--color-ancient-kingdom-100: #e7e9e3;
--color-ancient-kingdom-200: #d3d5ce;
--color-ancient-kingdom-300: #b7b8b0;
--color-ancient-kingdom-400: #9ea096;
--color-ancient-kingdom-500: #85877c;
--color-ancient-kingdom-600: #717369;
--color-ancient-kingdom-700: #5a5c54;
--color-ancient-kingdom-800: #42433d;
--color-ancient-kingdom-900: #2e2e2a;
--color-ancient-kingdom-950: #1a1b18;
}SCSS
$ancient-kingdom: #d6d8cd;
$ancient-kingdom-rgb: 214, 216, 205;
$ancient-kingdom-light: mix(#fff, $ancient-kingdom, 20%);
$ancient-kingdom-dark: mix(#000, $ancient-kingdom, 20%);
.element {
color: $ancient-kingdom;
box-shadow: 0 0 0 2px rgba($ancient-kingdom, 0.35);
}