أقرب لون مسمّى · #81C0CB
#81C0CB
أقرب لون مسمّى: Wavelet
#81C0CB (rgb(129 192 203)، hsl(189 42% 65%)، oklch(0.769 0.066 209.6)) أقرب إلى اللون المسمّى Wavelet. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#81C0CB
oklch(0.769 0.066 209.6)
تحويلات الألوان
- HEX
- #81c0cb
- RGB
- rgb(129 192 203)
- HSL
- hsl(189 42% 65%)
- HWB
- hwb(189 51% 20%)
- OKLCH
- oklch(0.769 0.066 209.6)
- OKLab
- oklab(0.769 -0.057 -0.033)
- CIE Lab
- lab(73.74 -18.87 -12.32)
- LCH
- lch(73.74 22.54 213.1)
- CMYK
- cmyk(36% 5% 0% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8EC6D0
- 9BCDD5
- A8D3DB
- B4D9E0
- C1DFE5
- CDE6EA
- DAECEF
- E6F2F5
- F3F9FA
درجات داكنة
- 6FA7B0
- 5E8E96
- 4E767D
- 3E5F65
- 2E494D
- 1F3437
- 122022
- 060E0F
- 010202
درجات رمادية
- 82B9C3
- 82B3BC
- 83ADB4
- 83A6AC
- 83A0A5
- 83999D
- 829396
- 828D8F
- 818687
تناسق الألوان
متمم +180°
- 81C0CB
Wavelet
- DBA59B
≈ Quiet Pink
متجاور -30° +30°
- 81C0CB
Wavelet
- 85C2B5
≈ Seaborn
- 8DBADA
≈ Frozen Whisper
ثلاثي +120° +240°
- 81C0CB
Wavelet
- CDA5C8
≈ Geranium Bud
- C4B384
≈ Desert Floor
متمم منقسم +150° +210°
- 81C0CB
Wavelet
- D8A3B2
≈ Lili Elbe’s Pink
- D4AA8A
≈ Autumn Air
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.03:1 · APCA Lc 39
Ag
AAAعلى الأسود
WCAG 10.33:1 · APCA Lc 63
أفضل لون للنص: #000000
WCAG 10.33:1 (AAA) · APCA Lc 63
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wavelet: #81c0cb;
--wavelet-rgb: 129 192 203;
--wavelet-oklch: oklch(0.769 0.066 209.6);
}
.element {
color: var(--wavelet);
background-color: hsl(189 42% 65%);
border-color: oklch(0.769 0.066 209.6);
}Tailwind CSS v4
@theme {
--color-wavelet: #81c0cb;
--color-wavelet-50: #e1fbff;
--color-wavelet-100: #d0eef5;
--color-wavelet-200: #b5dce5;
--color-wavelet-300: #90c1cb;
--color-wavelet-400: #6faab4;
--color-wavelet-500: #4c929e;
--color-wavelet-600: #417c86;
--color-wavelet-700: #34636b;
--color-wavelet-800: #24494e;
--color-wavelet-900: #183336;
--color-wavelet-950: #081e21;
}SCSS
$wavelet: #81c0cb;
$wavelet-rgb: 129, 192, 203;
$wavelet-light: mix(#fff, $wavelet, 20%);
$wavelet-dark: mix(#000, $wavelet, 20%);
.element {
color: $wavelet;
box-shadow: 0 0 0 2px rgba($wavelet, 0.35);
}