色名 · #DADCD0
Icepick
Icepickは#DADCD0：rgb(218 220 208)、hsl(70 15% 84%)、oklch(0.89 0.016 114.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Icepick color name →
#DADCD0
oklch(0.89 0.016 114.4)
カラー変換
- HEX
- #dadcd0
- RGB
- rgb(218 220 208)
- HSL
- hsl(70 15% 84%)
- HWB
- hwb(70 82% 14%)
- OKLCH
- oklch(0.89 0.016 114.4)
- OKLab
- oklab(0.89 -0.007 0.015)
- CIE Lab
- lab(87.35 -2.28 5.67)
- LCH
- lch(87.35 6.11 111.9)
- CMYK
- cmyk(1% 0% 5% 14%)
ティント · シェード · トーン
ティント
- DEDFD5
- E1E3D9
- E5E6DE
- E9EAE3
- ECEDE7
- F0F1EC
- F4F4F1
- F8F8F5
- FBFBFA
シェード
- BDBFB5
- A2A39A
- 878880
- 6C6E67
- 54544F
- 3C3C39
- 252623
- 111110
- 020202
トーン
- D1D2C8
- C7C9BF
- BEBFB7
- B5B6AF
- ACADA7
- A3A49F
- 9A9B97
- 91928F
- 898988
カラーハーモニー
補色 +180°
- DADCD0
Icepick
- DBD9E5
≈ Misty Violet
類似色 -30° +30°
- DADCD0
Icepick
- E0DACF
≈ Light Sandy Day
- D4DED4
≈ Worn Jade Tiles
トライアド +120° +240°
- DADCD0
Icepick
- D1DDE4
≈ A Dime a Dozen
- E4D6DB
≈ Secret Scent
スプリットコンプリメンタリー +150° +210°
- DADCD0
Icepick
- D5DBE6
≈ Sueded Grey
- E0D7E1
≈ Pastel Day
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.38:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.12:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.12:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--icepick: #dadcd0;
--icepick-rgb: 218 220 208;
--icepick-oklch: oklch(0.89 0.016 114.4);
}
.element {
color: var(--icepick);
background-color: hsl(70 15% 84%);
border-color: oklch(0.89 0.016 114.4);
}Tailwind CSS v4
@theme {
--color-icepick: #dadcd0;
--color-icepick-50: #f5f6f1;
--color-icepick-100: #e7e9e3;
--color-icepick-200: #d3d5cd;
--color-icepick-300: #b7b9af;
--color-icepick-400: #9ea095;
--color-icepick-500: #86887b;
--color-icepick-600: #717369;
--color-icepick-700: #5a5c54;
--color-icepick-800: #42433d;
--color-icepick-900: #2e2e2a;
--color-icepick-950: #1b1b17;
}SCSS
$icepick: #dadcd0;
$icepick-rgb: 218, 220, 208;
$icepick-light: mix(#fff, $icepick, 20%);
$icepick-dark: mix(#000, $icepick, 20%);
.element {
color: $icepick;
box-shadow: 0 0 0 2px rgba($icepick, 0.35);
}