色名 · #DBEEE0
Sea Mist
Sea Mistは#DBEEE0：rgb(219 238 224)、hsl(136 36% 90%)、oklch(0.931 0.027 153.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Sea Mist color name →
#DBEEE0
oklch(0.931 0.027 153.9)
カラー変換
- HEX
- #dbeee0
- RGB
- rgb(219 238 224)
- HSL
- hsl(136 36% 90%)
- HWB
- hwb(136 86% 7%)
- OKLCH
- oklch(0.931 0.027 153.9)
- OKLab
- oklab(0.931 -0.025 0.012)
- CIE Lab
- lab(92.39 -8.42 4.54)
- LCH
- lch(92.39 9.56 151.6)
- CMYK
- cmyk(8% 0% 6% 7%)
ティント · シェード · トーン
ティント
- DFF0E3
- E2F1E6
- E6F3E9
- E9F5EC
- EDF7EF
- F1F8F3
- F4FAF6
- F8FCF9
- FBFDFC
シェード
- BECFC3
- A2B1A6
- 87938A
- 6D7770
- 545C56
- 3C423E
- 262A27
- 111412
- 020302
トーン
- D2E2D6
- C8D7CC
- BFCCC2
- B6C1B8
- ACB5AF
- A3ABA5
- 9AA09C
- 929592
- 898A89
カラーハーモニー
補色 +180°
- DBEEE0
Sea Mist
- F4E2F0
≈ Pale Orchid Petal
類似色 -30° +30°
- DBEEE0
Sea Mist
- E4ECD8
≈ Lime Meringue
- D5EFEA
≈ Light Spirited
トライアド +120° +240°
- DBEEE0
Sea Mist
- E2E7FB
≈ Cyber Lavender
- FAE2DC
≈ Berry Cheesecake
スプリットコンプリメンタリー +150° +210°
- DBEEE0
Sea Mist
- ECE4F8
≈ Holographic Lavender
- F9E1E6
≈ Poetic Princess
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.31:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.31:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--sea-mist: #dbeee0;
--sea-mist-rgb: 219 238 224;
--sea-mist-oklch: oklch(0.931 0.027 153.9);
}
.element {
color: var(--sea-mist);
background-color: hsl(136 36% 90%);
border-color: oklch(0.931 0.027 153.9);
}Tailwind CSS v4
@theme {
--color-sea-mist: #dbeee0;
--color-sea-mist-50: #eff8f2;
--color-sea-mist-100: #e1ebe4;
--color-sea-mist-200: #cbd8cf;
--color-sea-mist-300: #adbcb2;
--color-sea-mist-400: #93a397;
--color-sea-mist-500: #798c7e;
--color-sea-mist-600: #66766b;
--color-sea-mist-700: #525f55;
--color-sea-mist-800: #3c453e;
--color-sea-mist-900: #29302a;
--color-sea-mist-950: #171c18;
}SCSS
$sea-mist: #dbeee0;
$sea-mist-rgb: 219, 238, 224;
$sea-mist-light: mix(#fff, $sea-mist, 20%);
$sea-mist-dark: mix(#000, $sea-mist, 20%);
.element {
color: $sea-mist;
box-shadow: 0 0 0 2px rgba($sea-mist, 0.35);
}