色名 · #D1EAEC
Jet d’Eau
Jet d’Eauは#D1EAEC：rgb(209 234 236)、hsl(184 42% 87%)、oklch(0.919 0.026 202.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Jet d’Eau color name →
#D1EAEC
oklch(0.919 0.026 202.6)
カラー変換
- HEX
- #d1eaec
- RGB
- rgb(209 234 236)
- HSL
- hsl(184 42% 87%)
- HWB
- hwb(184 82% 7%)
- OKLCH
- oklch(0.919 0.026 202.6)
- OKLab
- oklab(0.919 -0.024 -0.01)
- CIE Lab
- lab(90.9 -8.22 -3.92)
- LCH
- lch(90.9 9.11 205.5)
- CMYK
- cmyk(11% 1% 0% 7%)
ティント · シェード · トーン
ティント
- D6ECEE
- DAEEF0
- DFF0F2
- E3F2F4
- E8F5F5
- EDF7F7
- F1F9F9
- F6FBFB
- FAFDFD
シェード
- B5CBCD
- 9BAEAF
- 819192
- 687576
- 505A5B
- 394142
- 232929
- 101313
- 020303
トーン
- C9DFE1
- C0D4D5
- B8C9CA
- B0BEBF
- A8B4B4
- A0A9AA
- 989F9F
- 909495
- 888A8A
カラーハーモニー
補色 +180°
- D1EAEC
Jet d’Eau
- F6DEDC
≈ Southern Beauty
類似色 -30° +30°
- D1EAEC
Jet d’Eau
- D4EAE2
≈ Icy Glacier
- D4E8F3
≈ Freezing Vapour
トライアド +120° +240°
- D1EAEC
Jet d’Eau
- EDDFEF
≈ Divine Dove
- EDE3D1
≈ Canyon Cliffs
スプリットコンプリメンタリー +150° +210°
- D1EAEC
Jet d’Eau
- F4DEE6
≈ Ranunculus White
- F4E0D5
≈ Marshmallow Cream
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.25:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.69:1 · APCA Lc 91
最適な文字色: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--jet-d-eau: #d1eaec;
--jet-d-eau-rgb: 209 234 236;
--jet-d-eau-oklch: oklch(0.919 0.026 202.6);
}
.element {
color: var(--jet-d-eau);
background-color: hsl(184 42% 87%);
border-color: oklch(0.919 0.026 202.6);
}Tailwind CSS v4
@theme {
--color-jet-d-eau: #d1eaec;
--color-jet-d-eau-50: #edf7f9;
--color-jet-d-eau-100: #deebec;
--color-jet-d-eau-200: #c8d8d9;
--color-jet-d-eau-300: #a9bcbe;
--color-jet-d-eau-400: #8da3a5;
--color-jet-d-eau-500: #728c8e;
--color-jet-d-eau-600: #617678;
--color-jet-d-eau-700: #4d5f60;
--color-jet-d-eau-800: #384546;
--color-jet-d-eau-900: #263030;
--color-jet-d-eau-950: #151c1d;
}SCSS
$jet-d-eau: #d1eaec;
$jet-d-eau-rgb: 209, 234, 236;
$jet-d-eau-light: mix(#fff, $jet-d-eau, 20%);
$jet-d-eau-dark: mix(#000, $jet-d-eau, 20%);
.element {
color: $jet-d-eau;
box-shadow: 0 0 0 2px rgba($jet-d-eau, 0.35);
}