色名 · #D4CDD2
Coverts Wood Pigeon
Coverts Wood Pigeonは#D4CDD2：rgb(212 205 210)、hsl(317 8% 82%)、oklch(0.855 0.01 335.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Coverts Wood Pigeon color name →
#D4CDD2
oklch(0.855 0.01 335.5)
カラー変換
- HEX
- #d4cdd2
- RGB
- rgb(212 205 210)
- HSL
- hsl(317 8% 82%)
- HWB
- hwb(317 80% 17%)
- OKLCH
- oklch(0.855 0.01 335.5)
- OKLab
- oklab(0.855 0.009 -0.004)
- CIE Lab
- lab(83.08 3.17 -1.58)
- LCH
- lch(83.08 3.54 333.4)
- CMYK
- cmyk(0% 3% 1% 17%)
ティント · シェード · トーン
ティント
- D8D2D6
- DCD7DB
- E1DCDF
- E5E1E4
- E9E6E8
- EEEBED
- F2F0F1
- F6F5F6
- FBFAFA
シェード
- B8B2B6
- 9D989B
- 837E81
- 696668
- 514E50
- 3A3839
- 242324
- 100F10
- 020202
トーン
- CBC5C9
- C3BDC1
- BAB5B9
- B1ADB0
- A9A6A8
- A19EA0
- 989698
- 908F90
- 888788
カラーハーモニー
補色 +180°
- D4CDD2
Coverts Wood Pigeon
- CAD2CD
≈ Blue Flower
類似色 -30° +30°
- D4CDD2
Coverts Wood Pigeon
- D1CED5
≈ Ash Tree Bark
- D6CDCE
≈ Lilac Ash
トライアド +120° +240°
- D4CDD2
Coverts Wood Pigeon
- D1CFC8
≈ Skipping Rocks
- C8D1D4
≈ Salina Springs
スプリットコンプリメンタリー +150° +210°
- D4CDD2
Coverts Wood Pigeon
- CED1CA
≈ Moorstone
- C8D2D0
≈ Killer Fog
テトラード +90° +180° +270°
- D4CDD2
Coverts Wood Pigeon
- D4CEC9
≈ Ravine
- CAD2CD
≈ Blue Flower
- CAD0D6
≈ Light Starlight
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.55:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.46:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--coverts-wood-pigeon: #d4cdd2;
--coverts-wood-pigeon-rgb: 212 205 210;
--coverts-wood-pigeon-oklch: oklch(0.855 0.01 335.5);
}
.element {
color: var(--coverts-wood-pigeon);
background-color: hsl(317 8% 82%);
border-color: oklch(0.855 0.01 335.5);
}Tailwind CSS v4
@theme {
--color-coverts-wood-pigeon: #d4cdd2;
--color-coverts-wood-pigeon-50: #f7f4f6;
--color-coverts-wood-pigeon-100: #eae6e9;
--color-coverts-wood-pigeon-200: #d7d3d6;
--color-coverts-wood-pigeon-300: #bbb5b9;
--color-coverts-wood-pigeon-400: #a29ca1;
--color-coverts-wood-pigeon-500: #8b8489;
--color-coverts-wood-pigeon-600: #756f74;
--color-coverts-wood-pigeon-700: #5e595d;
--color-coverts-wood-pigeon-800: #454144;
--color-coverts-wood-pigeon-900: #2f2d2f;
--color-coverts-wood-pigeon-950: #1c1a1b;
}SCSS
$coverts-wood-pigeon: #d4cdd2;
$coverts-wood-pigeon-rgb: 212, 205, 210;
$coverts-wood-pigeon-light: mix(#fff, $coverts-wood-pigeon, 20%);
$coverts-wood-pigeon-dark: mix(#000, $coverts-wood-pigeon, 20%);
.element {
color: $coverts-wood-pigeon;
box-shadow: 0 0 0 2px rgba($coverts-wood-pigeon, 0.35);
}