Warna bernama · #D2D3DE
Courteous
Courteous adalah #D2D3DE: rgb(210 211 222), hsl(235 15% 85%), oklch(0.869 0.015 281.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Courteous color name →
#D2D3DE
oklch(0.869 0.015 281.9)
Konversi warna
- HEX
- #d2d3de
- RGB
- rgb(210 211 222)
- HSL
- hsl(235 15% 85%)
- HWB
- hwb(235 82% 13%)
- OKLCH
- oklch(0.869 0.015 281.9)
- OKLab
- oklab(0.869 0.003 -0.015)
- CIE Lab
- lab(84.72 1.18 -5.57)
- LCH
- lch(84.72 5.69 281.9)
- CMYK
- cmyk(5% 5% 0% 13%)
Tint · Shade · Tone
Tint
- D6D7E1
- DBDCE5
- DFE0E8
- E4E4EB
- E8E9EE
- EDEDF2
- F1F2F5
- F6F6F8
- FAFBFC
Shade
- B6B7C1
- 9B9CA5
- 818289
- 68696F
- 505155
- 393A3D
- 242426
- 101012
- 020202
Tone
- C9CAD4
- C1C2CA
- B9B9C1
- B0B1B7
- A8A9AE
- A0A0A4
- 98989B
- 909092
- 888889
Harmoni warna
Komplementer +180°
- D2D3DE
Courteous
- D6D5C9
≈ Grey White
Analog -30° +30°
- D2D3DE
Courteous
- CDD5DE
≈ Ephemeral Blue
- D7D1DB
≈ Iron Maiden
Triadik +120° +240°
- D2D3DE
Courteous
- DDD1CC
≈ Light Stone
- CCD7D1
≈ Serene Journey
Split-komplementer +150° +210°
- D2D3DE
Courteous
- DAD3CA
≈ Moth Grey
- D0D6CC
≈ Aspen Mist
Tetradik +90° +180° +270°
- D2D3DE
Courteous
- DED0D1
≈ Light Aroma
- D6D5C9
≈ Grey White
- C9D7D6
≈ Offshore Mist
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.48:1 · APCA Lc 23
Ag
AAADi atas hitam
WCAG 14.11:1 · APCA Lc 80
Warna teks terbaik: #000000
WCAG 14.11:1 (AAA) · APCA Lc 80
Contrast pairs
Cuplikan kode
CSS
:root {
--courteous: #d2d3de;
--courteous-rgb: 210 211 222;
--courteous-oklch: oklch(0.869 0.015 281.9);
}
.element {
color: var(--courteous);
background-color: hsl(235 15% 85%);
border-color: oklch(0.869 0.015 281.9);
}Tailwind CSS v4
@theme {
--color-courteous: #d2d3de;
--color-courteous-50: #f4f5f9;
--color-courteous-100: #e7e7ed;
--color-courteous-200: #d3d3db;
--color-courteous-300: #b6b6bf;
--color-courteous-400: #9d9da7;
--color-courteous-500: #848590;
--color-courteous-600: #70717a;
--color-courteous-700: #595a62;
--color-courteous-800: #414248;
--color-courteous-900: #2d2d32;
--color-courteous-950: #1a1a1e;
}SCSS
$courteous: #d2d3de;
$courteous-rgb: 210, 211, 222;
$courteous-light: mix(#fff, $courteous, 20%);
$courteous-dark: mix(#000, $courteous, 20%);
.element {
color: $courteous;
box-shadow: 0 0 0 2px rgba($courteous, 0.35);
}