أقرب لون مسمّى · #81B6CC
#81B6CC
أقرب لون مسمّى: Juvie
#81B6CC (rgb(129 182 204)، hsl(198 42% 65%)، oklch(0.747 0.064 225.7)) أقرب إلى اللون المسمّى Juvie. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#81B6CC
oklch(0.747 0.064 225.7)
تحويلات الألوان
- HEX
- #81b6cc
- RGB
- rgb(129 182 204)
- HSL
- hsl(198 42% 65%)
- HWB
- hwb(198 51% 20%)
- OKLCH
- oklch(0.747 0.064 225.7)
- OKLab
- oklab(0.747 -0.045 -0.046)
- CIE Lab
- lab(70.93 -13.89 -17.05)
- LCH
- lch(70.93 21.99 230.8)
- CMYK
- cmyk(37% 11% 0% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8EBDD1
- 9BC4D6
- A7CCDB
- B4D3E0
- C0DAE6
- CDE2EB
- D9E9F0
- E6F0F5
- F2F8FA
درجات داكنة
- 6F9EB1
- 5E8697
- 4E6F7E
- 3E5965
- 2E444E
- 1F3037
- 121D22
- 060C0F
- 010202
درجات رمادية
- 82B1C4
- 82ABBC
- 82A6B5
- 82A0AD
- 829BA5
- 82959E
- 829096
- 818B8F
- 818587
تناسق الألوان
متمم +180°
- 81B6CC
Juvie
- D0A18B
≈ Shiny Kettle
متجاور -30° +30°
- 81B6CC
Juvie
- 7CBABA
≈ Polished Aqua
- 93AFD6
≈ Lazy Day
ثلاثي +120° +240°
- 81B6CC
Juvie
- CC9DB6
≈ Idyllic Pink
- B2B081
≈ Weeping Willow
متمم منقسم +150° +210°
- 81B6CC
Juvie
- D29D9F
≈ Rosewood Apricot
- C5A880
≈ Pony
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.21:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.49:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.49:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--juvie: #81b6cc;
--juvie-rgb: 129 182 204;
--juvie-oklch: oklch(0.747 0.064 225.7);
}
.element {
color: var(--juvie);
background-color: hsl(198 42% 65%);
border-color: oklch(0.747 0.064 225.7);
}Tailwind CSS v4
@theme {
--color-juvie: #81b6cc;
--color-juvie-50: #e3f9ff;
--color-juvie-100: #d3edf9;
--color-juvie-200: #b9daea;
--color-juvie-300: #96bfd1;
--color-juvie-400: #75a7bb;
--color-juvie-500: #558fa7;
--color-juvie-600: #49798d;
--color-juvie-700: #3a6171;
--color-juvie-800: #284753;
--color-juvie-900: #1b313a;
--color-juvie-950: #0b1d24;
}SCSS
$juvie: #81b6cc;
$juvie-rgb: 129, 182, 204;
$juvie-light: mix(#fff, $juvie, 20%);
$juvie-dark: mix(#000, $juvie, 20%);
.element {
color: $juvie;
box-shadow: 0 0 0 2px rgba($juvie, 0.35);
}