أقرب لون مسمّى · #81B4D3
#81B4D3
أقرب لون مسمّى: Milky Waves
#81B4D3 (rgb(129 180 211)، hsl(203 48% 67%)، oklch(0.745 0.07 235.6)) أقرب إلى اللون المسمّى Milky Waves. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#81B4D3
oklch(0.745 0.07 235.6)
تحويلات الألوان
- HEX
- #81b4d3
- RGB
- rgb(129 180 211)
- HSL
- hsl(203 48% 67%)
- HWB
- hwb(203 51% 17%)
- OKLCH
- oklch(0.745 0.07 235.6)
- OKLab
- oklab(0.745 -0.04 -0.058)
- CIE Lab
- lab(70.56 -11.52 -21.4)
- LCH
- lch(70.56 24.31 241.7)
- CMYK
- cmyk(39% 15% 0% 17%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8EBBD8
- 9AC3DC
- A7CAE1
- B4D2E5
- C0D9E9
- CDE1EE
- D9E8F2
- E6F0F6
- F2F7FB
درجات داكنة
- 6F9CB7
- 5E859C
- 4E6E82
- 3E5869
- 2E4451
- 1F303A
- 121D24
- 060C10
- 010202
درجات رمادية
- 81AFCA
- 82AAC2
- 82A4BA
- 829FB1
- 829AA9
- 8295A1
- 829098
- 818A90
- 818588
تناسق الألوان
متمم +180°
- 81B4D3
Milky Waves
- D0A182
≈ Arbol de Tamarindo
متجاور -30° +30°
- 81B4D3
Milky Waves
- 75BAC2
≈ Aqua Sky
- 97ACDA
≈ Aster Flower Blue
ثلاثي +120° +240°
- 81B4D3
Milky Waves
- D19AAE
≈ Rosebay
- AAB27F
≈ Great Green
متمم منقسم +150° +210°
- 81B4D3
Milky Waves
- D59C96
≈ Savoury Salmon
- C0AA79
≈ Antiquity
رباعي +90° +180° +270°
- 81B4D3
Milky Waves
- C49EC5
≈ Lilac Pink
- D0A182
≈ Arbol de Tamarindo
- 91B992
≈ Forest Frolic
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.23:1 · APCA Lc 44
Ag
AAAعلى الأسود
WCAG 9.40:1 · APCA Lc 58
أفضل لون للنص: #000000
WCAG 9.40:1 (AAA) · APCA Lc 58
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--milky-waves: #81b4d3;
--milky-waves-rgb: 129 180 211;
--milky-waves-oklch: oklch(0.745 0.07 235.6);
}
.element {
color: var(--milky-waves);
background-color: hsl(203 48% 67%);
border-color: oklch(0.745 0.07 235.6);
}Tailwind CSS v4
@theme {
--color-milky-waves: #81b4d3;
--color-milky-waves-50: #e3f9ff;
--color-milky-waves-100: #d3ecfd;
--color-milky-waves-200: #b9d9ef;
--color-milky-waves-300: #96bdd7;
--color-milky-waves-400: #76a5c2;
--color-milky-waves-500: #568eae;
--color-milky-waves-600: #497893;
--color-milky-waves-700: #3a6076;
--color-milky-waves-800: #294757;
--color-milky-waves-900: #1b313d;
--color-milky-waves-950: #0b1d26;
}SCSS
$milky-waves: #81b4d3;
$milky-waves-rgb: 129, 180, 211;
$milky-waves-light: mix(#fff, $milky-waves, 20%);
$milky-waves-dark: mix(#000, $milky-waves, 20%);
.element {
color: $milky-waves;
box-shadow: 0 0 0 2px rgba($milky-waves, 0.35);
}