أقرب لون مسمّى · #74C4CF
#74C4CF
أقرب لون مسمّى: Wavelet
#74C4CF (rgb(116 196 207)، hsl(187 49% 63%)، oklch(0.773 0.08 206.9)) أقرب إلى اللون المسمّى Wavelet. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#74C4CF
oklch(0.773 0.08 206.9)
تحويلات الألوان
- HEX
- #74c4cf
- RGB
- rgb(116 196 207)
- HSL
- hsl(187 49% 63%)
- HWB
- hwb(187 45% 19%)
- OKLCH
- oklch(0.773 0.08 206.9)
- OKLab
- oklab(0.773 -0.071 -0.036)
- CIE Lab
- lab(74.34 -23.47 -13.66)
- LCH
- lch(74.34 27.16 210.2)
- CMYK
- cmyk(44% 5% 0% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 83CAD4
- 92D0D9
- A0D6DD
- AEDCE2
- BCE2E7
- CAE8EC
- D7EDF1
- E4F3F5
- F2F9FA
درجات داكنة
- 64AAB4
- 549199
- 45787F
- 376167
- 294A4F
- 1B3538
- 0F2123
- 050E10
- 010202
درجات رمادية
- 77BDC7
- 79B6BF
- 7BAFB7
- 7DA9AF
- 7EA2A7
- 7F9B9F
- 7F9497
- 808D8F
- 808788
تناسق الألوان
متمم +180°
- 74C4CF
Wavelet
- E4A29A
≈ Cuticle Pink
متجاور -30° +30°
- 74C4CF
Wavelet
- 7BC6B4
≈ Monte Carlo
- 83BDE2
≈ C’est la Vie
ثلاثي +120° +240°
- 74C4CF
Wavelet
- D1A4D0
≈ Favourite Lavender
- CBB279
≈ Aged Seagrass
متمم منقسم +150° +210°
- 74C4CF
Wavelet
- E0A0B6
≈ Blushing Tulip
- DDA983
≈ Lunatic Lynx
رباعي +90° +180° +270°
- 74C4CF
Wavelet
- BAABE3
≈ Perfume
- E4A29A
≈ Cuticle Pink
- B1BC81
≈ Nile
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.99:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.53:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wavelet: #74c4cf;
--wavelet-rgb: 116 196 207;
--wavelet-oklch: oklch(0.773 0.08 206.9);
}
.element {
color: var(--wavelet);
background-color: hsl(187 49% 63%);
border-color: oklch(0.773 0.08 206.9);
}Tailwind CSS v4
@theme {
--color-wavelet: #74c4cf;
--color-wavelet-50: #dcfcff;
--color-wavelet-100: #caf0f6;
--color-wavelet-200: #addee7;
--color-wavelet-300: #86c3cd;
--color-wavelet-400: #61acb6;
--color-wavelet-500: #3795a1;
--color-wavelet-600: #317e88;
--color-wavelet-700: #27656d;
--color-wavelet-800: #1a4a4f;
--color-wavelet-900: #113437;
--color-wavelet-950: #031f22;
}SCSS
$wavelet: #74c4cf;
$wavelet-rgb: 116, 196, 207;
$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);
}