أقرب لون مسمّى · #82C3C8
#82C3C8
أقرب لون مسمّى: Wavelet
#82C3C8 (rgb(130 195 200)، hsl(184 39% 65%)، oklch(0.775 0.066 202)) أقرب إلى اللون المسمّى Wavelet. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#82C3C8
oklch(0.775 0.066 202)
تحويلات الألوان
- HEX
- #82c3c8
- RGB
- rgb(130 195 200)
- HSL
- hsl(184 39% 65%)
- HWB
- hwb(184 51% 22%)
- OKLCH
- oklch(0.775 0.066 202)
- OKLab
- oklab(0.775 -0.062 -0.025)
- CIE Lab
- lab(74.57 -20.56 -9.47)
- LCH
- lch(74.57 22.63 204.7)
- CMYK
- cmyk(35% 3% 0% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8FC9CD
- 9CCFD3
- A9D5D8
- B5DBDE
- C2E1E3
- CEE7E9
- DAEDEE
- E7F3F4
- F3F9F9
درجات داكنة
- 70A9AE
- 5F9094
- 4E787B
- 3E6063
- 2F4A4C
- 203436
- 122021
- 060E0F
- 010202
درجات رمادية
- 83BCC1
- 83B5B9
- 83AFB2
- 83A8AB
- 83A1A3
- 839A9C
- 829495
- 828D8E
- 818787
تناسق الألوان
متمم +180°
- 82C3C8
Wavelet
- DDA6A3
≈ Pastel Pink
متجاور -30° +30°
- 82C3C8
Wavelet
- 8AC4B1
≈ Hellion Green
- 8BBED9
≈ High Elf Blue
ثلاثي +120° +240°
- 82C3C8
Wavelet
- CAA8CF
≈ Catmint
- CBB286
≈ Oak Harbour
متمم منقسم +150° +210°
- 82C3C8
Wavelet
- D8A5BA
≈ Rhubarb Gin
- D9AB8F
≈ Salmon Sand
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.98:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.58:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wavelet: #82c3c8;
--wavelet-rgb: 130 195 200;
--wavelet-oklch: oklch(0.775 0.066 202);
}
.element {
color: var(--wavelet);
background-color: hsl(184 39% 65%);
border-color: oklch(0.775 0.066 202);
}Tailwind CSS v4
@theme {
--color-wavelet: #82c3c8;
--color-wavelet-50: #e0fbfe;
--color-wavelet-100: #cfeff2;
--color-wavelet-200: #b4dde1;
--color-wavelet-300: #8fc2c7;
--color-wavelet-400: #6eaaaf;
--color-wavelet-500: #4b9399;
--color-wavelet-600: #407d81;
--color-wavelet-700: #336468;
--color-wavelet-800: #24494b;
--color-wavelet-900: #183334;
--color-wavelet-950: #081f20;
}SCSS
$wavelet: #82c3c8;
$wavelet-rgb: 130, 195, 200;
$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);
}