色名 · #D7F2ED
Sea Ice
Sea Iceは#D7F2ED：rgb(215 242 237)、hsl(169 51% 90%)、oklch(0.94 0.029 183.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Sea Ice color name →
#D7F2ED
oklch(0.94 0.029 183.3)
カラー変換
- HEX
- #d7f2ed
- RGB
- rgb(215 242 237)
- HSL
- hsl(169 51% 90%)
- HWB
- hwb(169 84% 5%)
- OKLCH
- oklch(0.94 0.029 183.3)
- OKLab
- oklab(0.94 -0.029 -0.002)
- CIE Lab
- lab(93.41 -9.85 -0.73)
- LCH
- lch(93.41 9.87 184.3)
- CMYK
- cmyk(11% 0% 2% 5%)
ティント · シェード · トーン
ティント
- DBF3EF
- DFF5F1
- E3F6F2
- E7F7F4
- EBF9F6
- EFFAF8
- F3FBFA
- F7FCFB
- FBFEFD
シェード
- BBD2CE
- 9FB4B0
- 859693
- 6B7977
- 525E5C
- 3B4342
- 252B2A
- 111414
- 020303
トーン
- CEE6E2
- C5DAD6
- BCCECB
- B3C3C0
- ABB7B5
- A2ACAA
- 99A19F
- 919695
- 888B8A
カラーハーモニー
補色 +180°
- D7F2ED
Sea Ice
- FDE4E9
≈ Hepatica
類似色 -30° +30°
- D7F2ED
Sea Ice
- DDF1E2
≈ Aloe Mist
- D6F1F7
≈ Water
トライアド +120° +240°
- D7F2ED
Sea Ice
- EFE7FC
≈ Bright Dusk
- FAE8D8
≈ Aria Ivory
スプリットコンプリメンタリー +150° +210°
- D7F2ED
Sea Ice
- F8E4F4
≈ Soft Lavender
- FEE5DF
≈ Olm Pink
テトラード +90° +180° +270°
- D7F2ED
Sea Ice
- E5EAFF
≈ Glitter
- FDE4E9
≈ Hepatica
- F2EBD6
≈ Mesa Beige
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.17:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.81:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.81:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--sea-ice: #d7f2ed;
--sea-ice-rgb: 215 242 237;
--sea-ice-oklch: oklch(0.94 0.029 183.3);
}
.element {
color: var(--sea-ice);
background-color: hsl(169 51% 90%);
border-color: oklch(0.94 0.029 183.3);
}Tailwind CSS v4
@theme {
--color-sea-ice: #d7f2ed;
--color-sea-ice-50: #edf8f6;
--color-sea-ice-100: #deebe9;
--color-sea-ice-200: #c7d8d6;
--color-sea-ice-300: #a8bcb9;
--color-sea-ice-400: #8ca4a0;
--color-sea-ice-500: #718d88;
--color-sea-ice-600: #607773;
--color-sea-ice-700: #4d5f5c;
--color-sea-ice-800: #384643;
--color-sea-ice-900: #26302e;
--color-sea-ice-950: #141d1b;
}SCSS
$sea-ice: #d7f2ed;
$sea-ice-rgb: 215, 242, 237;
$sea-ice-light: mix(#fff, $sea-ice, 20%);
$sea-ice-dark: mix(#000, $sea-ice, 20%);
.element {
color: $sea-ice;
box-shadow: 0 0 0 2px rgba($sea-ice, 0.35);
}