色名 · #DCEEDB
Dewmist Delight
Dewmist Delightは#DCEEDB：rgb(220 238 219)、hsl(117 36% 90%)、oklch(0.931 0.032 143.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Dewmist Delight color name →
#DCEEDB
oklch(0.931 0.032 143.9)
カラー変換
- HEX
- #dceedb
- RGB
- rgb(220 238 219)
- HSL
- hsl(117 36% 90%)
- HWB
- hwb(117 86% 7%)
- OKLCH
- oklch(0.931 0.032 143.9)
- OKLab
- oklab(0.931 -0.026 0.019)
- CIE Lab
- lab(92.36 -8.73 7.09)
- LCH
- lch(92.36 11.25 140.9)
- CMYK
- cmyk(8% 0% 8% 7%)
ティント · シェード · トーン
ティント
- DFF0DF
- E3F1E2
- E6F3E6
- EAF5E9
- EDF7ED
- F1F8F1
- F4FAF4
- F8FCF8
- FBFDFB
シェード
- BFCFBE
- A3B1A2
- 889387
- 6E776D
- 545C54
- 3C423C
- 262A26
- 111411
- 020302
トーン
- D2E2D2
- C9D7C8
- C0CCBF
- B6C1B6
- ADB5AC
- A4ABA3
- 9BA09A
- 929591
- 898A89
カラーハーモニー
補色 +180°
- DCEEDB
Dewmist Delight
- F3E1F4
≈ Sheer Lavender
類似色 -30° +30°
- DCEEDB
Dewmist Delight
- E7EBD3
≈ Lime Meringue
- D4EFE6
≈ Shimmering Pool
トライアド +120° +240°
- DCEEDB
Dewmist Delight
- DDE8FE
≈ Cloudless
- FDE0DE
≈ Peachy Ethereal
スプリットコンプリメンタリー +150° +210°
- DCEEDB
Dewmist Delight
- E9E4FC
≈ Lavender Mist
- FAE0E9
≈ Watermelon Mousse
テトラード +90° +180° +270°
- DCEEDB
Dewmist Delight
- D4ECFA
≈ Ice Castle
- F3E1F4
≈ Sheer Lavender
- FAE3D5
≈ Shell Ginger
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.29:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.29:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--dewmist-delight: #dceedb;
--dewmist-delight-rgb: 220 238 219;
--dewmist-delight-oklch: oklch(0.931 0.032 143.9);
}
.element {
color: var(--dewmist-delight);
background-color: hsl(117 36% 90%);
border-color: oklch(0.931 0.032 143.9);
}Tailwind CSS v4
@theme {
--color-dewmist-delight: #dceedb;
--color-dewmist-delight-50: #f0f8f0;
--color-dewmist-delight-100: #e1ebe2;
--color-dewmist-delight-200: #ccd8cc;
--color-dewmist-delight-300: #aebcae;
--color-dewmist-delight-400: #94a493;
--color-dewmist-delight-500: #7a8c79;
--color-dewmist-delight-600: #677667;
--color-dewmist-delight-700: #535f52;
--color-dewmist-delight-800: #3c453b;
--color-dewmist-delight-900: #293029;
--color-dewmist-delight-950: #171c16;
}SCSS
$dewmist-delight: #dceedb;
$dewmist-delight-rgb: 220, 238, 219;
$dewmist-delight-light: mix(#fff, $dewmist-delight, 20%);
$dewmist-delight-dark: mix(#000, $dewmist-delight, 20%);
.element {
color: $dewmist-delight;
box-shadow: 0 0 0 2px rgba($dewmist-delight, 0.35);
}