Color con nombre · #D2D3DE
Courteous
Courteous es #D2D3DE: rgb(210 211 222), hsl(235 15% 85%), oklch(0.869 0.015 281.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Courteous color name →
#D2D3DE
oklch(0.869 0.015 281.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- D6D7E1
- DBDCE5
- DFE0E8
- E4E4EB
- E8E9EE
- EDEDF2
- F1F2F5
- F6F6F8
- FAFBFC
Sombras
- B6B7C1
- 9B9CA5
- 818289
- 68696F
- 505155
- 393A3D
- 242426
- 101012
- 020202
Tonos
- C9CAD4
- C1C2CA
- B9B9C1
- B0B1B7
- A8A9AE
- A0A0A4
- 98989B
- 909092
- 888889
Armonías de color
Complementario +180°
- D2D3DE
Courteous
- D6D5C9
≈ Grey White
Análogo -30° +30°
- D2D3DE
Courteous
- CDD5DE
≈ Ephemeral Blue
- D7D1DB
≈ Iron Maiden
Triádico +120° +240°
- D2D3DE
Courteous
- DDD1CC
≈ Light Stone
- CCD7D1
≈ Serene Journey
Complementario dividido +150° +210°
- D2D3DE
Courteous
- DAD3CA
≈ Moth Grey
- D0D6CC
≈ Aspen Mist
Tetrádico +90° +180° +270°
- D2D3DE
Courteous
- DED0D1
≈ Light Aroma
- D6D5C9
≈ Grey White
- C9D7D6
≈ Offshore Mist
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASobre negro
WCAG 14.11:1 · APCA Lc 80
Mejor color de texto: #000000
WCAG 14.11:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmentos de código
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);
}