色名 · #CDDBDC
Light Detroit
Light Detroitは#CDDBDC：rgb(205 219 220)、hsl(184 18% 83%)、oklch(0.881 0.015 202)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Light Detroit color name →
#CDDBDC
oklch(0.881 0.015 202)
カラー変換
- HEX
- #cddbdc
- RGB
- rgb(205 219 220)
- HSL
- hsl(184 18% 83%)
- HWB
- hwb(184 80% 14%)
- OKLCH
- oklch(0.881 0.015 202)
- OKLab
- oklab(0.881 -0.014 -0.006)
- CIE Lab
- lab(86.36 -4.73 -2.2)
- LCH
- lch(86.36 5.21 205)
- CMYK
- cmyk(7% 0% 0% 14%)
ティント · シェード · トーン
ティント
- D2DFDF
- D7E2E3
- DCE6E6
- E1E9EA
- E6EDED
- EBF0F1
- F0F4F4
- F5F8F8
- FAFBFB
シェード
- B2BEBF
- 98A2A3
- 7E8788
- 666D6E
- 4E5454
- 383C3C
- 232626
- 0F1111
- 020202
トーン
- C5D2D2
- BDC8C9
- B5BFBF
- ADB6B6
- A6ACAD
- 9EA3A4
- 969A9B
- 8F9192
- 878989
カラーハーモニー
補色 +180°
- CDDBDC
Light Detroit
- E2D4D3
≈ Theatre Powder Rose
類似色 -30° +30°
- CDDBDC
Light Detroit
- CEDBD7
≈ Morning Fog
- CEDAE0
≈ Zen
トライアド +120° +240°
- CDDBDC
Light Detroit
- DDD5DE
≈ Titan White
- DDD7CD
≈ Skyvory
スプリットコンプリメンタリー +150° +210°
- CDDBDC
Light Detroit
- E0D4D9
≈ Fairy White
- E0D5CF
≈ Light Perk Up
テトラード +90° +180° +270°
- CDDBDC
Light Detroit
- D8D6E1
≈ Violet Whimsey
- E2D4D3
≈ Theatre Powder Rose
- D8D9CE
≈ Feather
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.42:1 · APCA Lc 20
Ag
AAA黒の上
WCAG 14.76:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.76:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--light-detroit: #cddbdc;
--light-detroit-rgb: 205 219 220;
--light-detroit-oklch: oklch(0.881 0.015 202);
}
.element {
color: var(--light-detroit);
background-color: hsl(184 18% 83%);
border-color: oklch(0.881 0.015 202);
}Tailwind CSS v4
@theme {
--color-light-detroit: #cddbdc;
--color-light-detroit-50: #f0f6f7;
--color-light-detroit-100: #e2e9ea;
--color-light-detroit-200: #cdd6d7;
--color-light-detroit-300: #afbabb;
--color-light-detroit-400: #95a1a2;
--color-light-detroit-500: #7b898a;
--color-light-detroit-600: #687475;
--color-light-detroit-700: #535d5e;
--color-light-detroit-800: #3d4444;
--color-light-detroit-900: #2a2f2f;
--color-light-detroit-950: #171c1c;
}SCSS
$light-detroit: #cddbdc;
$light-detroit-rgb: 205, 219, 220;
$light-detroit-light: mix(#fff, $light-detroit, 20%);
$light-detroit-dark: mix(#000, $light-detroit, 20%);
.element {
color: $light-detroit;
box-shadow: 0 0 0 2px rgba($light-detroit, 0.35);
}