لون مسمّى · #ACCAD5
Sea Wind
Sea Wind هو #ACCAD5: rgb(172 202 213)، hsl(196 33% 75%)، oklch(0.82 0.036 222). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Sea Wind color name →
#ACCAD5
oklch(0.82 0.036 222)
تحويلات الألوان
- HEX
- #accad5
- RGB
- rgb(172 202 213)
- HSL
- hsl(196 33% 75%)
- HWB
- hwb(196 67% 16%)
- OKLCH
- oklch(0.82 0.036 222)
- OKLab
- oklab(0.82 -0.027 -0.024)
- CIE Lab
- lab(79.36 -8.65 -9.04)
- LCH
- lch(79.36 12.51 226.3)
- CMYK
- cmyk(19% 5% 0% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B4CFD9
- BCD4DD
- C5DAE2
- CDDFE6
- D5E4EA
- DEEAEE
- E6EFF2
- EEF4F7
- F7FAFB
درجات داكنة
- 95AFB9
- 7F959E
- 697C83
- 54646A
- 404D51
- 2D373A
- 1B2224
- 0B0F10
- 010202
درجات رمادية
- A8C2CC
- A3BBC3
- 9FB3BB
- 9AACB2
- 96A4AA
- 929DA1
- 8D9699
- 898E90
- 848788
تناسق الألوان
متمم +180°
- ACCAD5
Sea Wind
- DABDB3
≈ Peach Blush
متجاور -30° +30°
- ACCAD5
Sea Wind
- ABCCCA
≈ Baroque Chalk Soft Blue
- B4C6DB
≈ Blue Ballerina
ثلاثي +120° +240°
- ACCAD5
Sea Wind
- D6BCCB
≈ Noteworthy
- C8C6AB
≈ Cargo Green
متمم منقسم +150° +210°
- ACCAD5
Sea Wind
- DABBBE
≈ Shy Smile
- D3C1AC
≈ Frosted Almond
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.72:1 · APCA Lc 31
Ag
AAAعلى الأسود
WCAG 12.16:1 · APCA Lc 72
أفضل لون للنص: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sea-wind: #accad5;
--sea-wind-rgb: 172 202 213;
--sea-wind-oklch: oklch(0.82 0.036 222);
}
.element {
color: var(--sea-wind);
background-color: hsl(196 33% 75%);
border-color: oklch(0.82 0.036 222);
}Tailwind CSS v4
@theme {
--color-sea-wind: #accad5;
--color-sea-wind-50: #ebf8fd;
--color-sea-wind-100: #dcebf1;
--color-sea-wind-200: #c5d8e0;
--color-sea-wind-300: #a5bcc5;
--color-sea-wind-400: #88a4ae;
--color-sea-wind-500: #6d8c97;
--color-sea-wind-600: #5c7680;
--color-sea-wind-700: #495f66;
--color-sea-wind-800: #35454b;
--color-sea-wind-900: #243034;
--color-sea-wind-950: #131c1f;
}SCSS
$sea-wind: #accad5;
$sea-wind-rgb: 172, 202, 213;
$sea-wind-light: mix(#fff, $sea-wind, 20%);
$sea-wind-dark: mix(#000, $sea-wind, 20%);
.element {
color: $sea-wind;
box-shadow: 0 0 0 2px rgba($sea-wind, 0.35);
}