最も近い色名 · #D2DCB0
#D2DCB0
最も近い色名: April Showers
#D2DCB0（rgb(210 220 176)、hsl(74 39% 78%)、oklch(0.876 0.059 118)）に最も近い色名はApril Showersです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D2DCB0
oklch(0.876 0.059 118)
カラー変換
- HEX
- #d2dcb0
- RGB
- rgb(210 220 176)
- HSL
- hsl(74 39% 78%)
- HWB
- hwb(74 69% 14%)
- OKLCH
- oklch(0.876 0.059 118)
- OKLab
- oklab(0.876 -0.028 0.052)
- CIE Lab
- lab(86.15 -9.01 20.52)
- LCH
- lch(86.15 22.41 113.7)
- CMYK
- cmyk(5% 0% 20% 14%)
ティント · シェード · トーン
ティント
- D6E0B8
- DBE3C0
- DFE7C8
- E4EAD0
- E8EED8
- EDF1DF
- F1F5E7
- F6F8EF
- FAFCF7
シェード
- B6BF99
- 9BA382
- 81886C
- 686E56
- 505442
- 393C2E
- 24261C
- 10110B
- 020201
トーン
- C9D2AB
- C1C9A6
- B9C0A2
- B0B69D
- A8AD98
- A0A493
- 989B8F
- 90928A
- 888985
カラーハーモニー
補色 +180°
- D2DCB0
April Showers
- DACEF9
≈ Pale Lavender
類似色 -30° +30°
- D2DCB0
April Showers
- E6D5AA
≈ Caramelised Pears
- BCE1C0
≈ Lattice Work
トライアド +120° +240°
- D2DCB0
April Showers
- B2DDF9
≈ Endless Horizon
- F8C6D6
≈ Utterly Pink
スプリットコンプリメンタリー +150° +210°
- D2DCB0
April Showers
- C5D5FE
≈ Pale Phthalo Blue
- ECC9EA
≈ Sugar High
テトラード +90° +180° +270°
- D2DCB0
April Showers
- A8E2EB
≈ Blizzard Blue
- DACEF9
≈ Pale Lavender
- FBC8C0
≈ Dress Up
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.43:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.60:1 · APCA Lc 82
最適な文字色: #000000
WCAG 14.60:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--april-showers: #d2dcb0;
--april-showers-rgb: 210 220 176;
--april-showers-oklch: oklch(0.876 0.059 118);
}
.element {
color: var(--april-showers);
background-color: hsl(74 39% 78%);
border-color: oklch(0.876 0.059 118);
}Tailwind CSS v4
@theme {
--color-april-showers: #d2dcb0;
--color-april-showers-50: #f3f8e5;
--color-april-showers-100: #e5ebd5;
--color-april-showers-200: #d1d8bc;
--color-april-showers-300: #b3bc9b;
--color-april-showers-400: #9ba47c;
--color-april-showers-500: #828c5e;
--color-april-showers-600: #6e7650;
--color-april-showers-700: #585f40;
--color-april-showers-800: #41452d;
--color-april-showers-900: #2d301e;
--color-april-showers-950: #1a1c0e;
}SCSS
$april-showers: #d2dcb0;
$april-showers-rgb: 210, 220, 176;
$april-showers-light: mix(#fff, $april-showers, 20%);
$april-showers-dark: mix(#000, $april-showers, 20%);
.element {
color: $april-showers;
box-shadow: 0 0 0 2px rgba($april-showers, 0.35);
}