لون مسمّى · #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);
}