色名 · #D2D3DE
Courteous
Courteousは#D2D3DE：rgb(210 211 222)、hsl(235 15% 85%)、oklch(0.869 0.015 281.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Courteous color name →
#D2D3DE
oklch(0.869 0.015 281.9)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- D6D7E1
- DBDCE5
- DFE0E8
- E4E4EB
- E8E9EE
- EDEDF2
- F1F2F5
- F6F6F8
- FAFBFC
シェード
- B6B7C1
- 9B9CA5
- 818289
- 68696F
- 505155
- 393A3D
- 242426
- 101012
- 020202
トーン
- C9CAD4
- C1C2CA
- B9B9C1
- B0B1B7
- A8A9AE
- A0A0A4
- 98989B
- 909092
- 888889
カラーハーモニー
補色 +180°
- D2D3DE
Courteous
- D6D5C9
≈ Grey White
類似色 -30° +30°
- D2D3DE
Courteous
- CDD5DE
≈ Ephemeral Blue
- D7D1DB
≈ Iron Maiden
トライアド +120° +240°
- D2D3DE
Courteous
- DDD1CC
≈ Light Stone
- CCD7D1
≈ Serene Journey
スプリットコンプリメンタリー +150° +210°
- D2D3DE
Courteous
- DAD3CA
≈ Moth Grey
- D0D6CC
≈ Aspen Mist
テトラード +90° +180° +270°
- D2D3DE
Courteous
- DED0D1
≈ Light Aroma
- D6D5C9
≈ Grey White
- C9D7D6
≈ Offshore Mist
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.11:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.11:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
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);
}