色名 · #DADEE6
Irradiant Iris
Irradiant Irisは#DADEE6：rgb(218 222 230)、hsl(220 19% 88%)、oklch(0.9 0.012 264.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Irradiant Iris color name →
#DADEE6
oklch(0.9 0.012 264.5)
カラー変換
- HEX
- #dadee6
- RGB
- rgb(218 222 230)
- HSL
- hsl(220 19% 88%)
- HWB
- hwb(220 85% 10%)
- OKLCH
- oklch(0.9 0.012 264.5)
- OKLab
- oklab(0.9 -0.001 -0.012)
- CIE Lab
- lab(88.33 -0.29 -4.42)
- LCH
- lch(88.33 4.43 266.3)
- CMYK
- cmyk(5% 3% 0% 10%)
ティント · シェード · トーン
ティント
- DEE1E8
- E1E5EB
- E5E8ED
- E9EBF0
- ECEEF2
- F0F2F5
- F4F5F7
- F8F8FA
- FBFCFC
シェード
- BDC1C8
- A2A5AB
- 87898E
- 6C6F73
- 545559
- 3C3D40
- 252628
- 111213
- 020203
トーン
- D1D4DB
- C7CAD1
- BEC1C6
- B5B7BC
- ACAEB2
- A3A4A7
- 9A9B9D
- 919294
- 89898A
カラーハーモニー
補色 +180°
- DADEE6
Irradiant Iris
- E1DDD5
≈ Milky
類似色 -30° +30°
- DADEE6
Irradiant Iris
- D7DFE5
≈ Blustery Day
- DEDDE5
≈ White Elephant
トライアド +120° +240°
- DADEE6
Irradiant Iris
- E6DBDA
≈ Minified Maroon
- D9E0D9
≈ Juniper Breeze
スプリットコンプリメンタリー +150° +210°
- DADEE6
Irradiant Iris
- E4DCD7
≈ Cultured Pearl
- DDDFD6
≈ Angel Touch
テトラード +90° +180° +270°
- DADEE6
Irradiant Iris
- E5DBDE
≈ White Cherry
- E1DDD5
≈ Milky
- D6E1DD
≈ Windsurfer
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.34:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.57:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.57:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--irradiant-iris: #dadee6;
--irradiant-iris-rgb: 218 222 230;
--irradiant-iris-oklch: oklch(0.9 0.012 264.5);
}
.element {
color: var(--irradiant-iris);
background-color: hsl(220 19% 88%);
border-color: oklch(0.9 0.012 264.5);
}Tailwind CSS v4
@theme {
--color-irradiant-iris: #dadee6;
--color-irradiant-iris-50: #f3f5f9;
--color-irradiant-iris-100: #e6e8ec;
--color-irradiant-iris-200: #d2d4d9;
--color-irradiant-iris-300: #b4b7be;
--color-irradiant-iris-400: #9b9ea6;
--color-irradiant-iris-500: #82868e;
--color-irradiant-iris-600: #6e7278;
--color-irradiant-iris-700: #585b60;
--color-irradiant-iris-800: #404247;
--color-irradiant-iris-900: #2c2e31;
--color-irradiant-iris-950: #191b1d;
}SCSS
$irradiant-iris: #dadee6;
$irradiant-iris-rgb: 218, 222, 230;
$irradiant-iris-light: mix(#fff, $irradiant-iris, 20%);
$irradiant-iris-dark: mix(#000, $irradiant-iris, 20%);
.element {
color: $irradiant-iris;
box-shadow: 0 0 0 2px rgba($irradiant-iris, 0.35);
}