لون مسمّى · #36BFA8
Pure Cyan
Pure Cyan هو #36BFA8: rgb(54 191 168)، hsl(170 56% 48%)، oklch(0.727 0.12 178.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Pure Cyan color name →
#36BFA8
oklch(0.727 0.12 178.9)
تحويلات الألوان
- HEX
- #36bfa8
- RGB
- rgb(54 191 168)
- HSL
- hsl(170 56% 48%)
- HWB
- hwb(170 21% 25%)
- OKLCH
- oklch(0.727 0.12 178.9)
- OKLab
- oklab(0.727 -0.119 0.002)
- CIE Lab
- lab(69.86 -41.84 0.56)
- LCH
- lch(69.86 41.85 179.2)
- CMYK
- cmyk(72% 0% 12% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 55C6B0
- 6DCCB9
- 82D3C1
- 95D9CA
- A8E0D3
- BAE6DB
- CCECE4
- DDF3ED
- EEF9F6
درجات داكنة
- 2EA692
- 258D7C
- 1E7567
- 165E52
- 0F483F
- 08332C
- 031F1A
- 010D0A
- 000201
درجات رمادية
- 46B9A4
- 52B2A0
- 5BAC9C
- 63A698
- 6AA094
- 709990
- 75938C
- 798D88
- 7D8684
تناسق الألوان
متمم +180°
- 36BFA8
Pure Cyan
- E386A5
≈ Rose Glory
متجاور -30° +30°
- 36BFA8
Pure Cyan
- 6EBC7D
≈ Young Fern
- 23BBCF
≈ Holiday Blue
ثلاثي +120° +240°
- 36BFA8
Pure Cyan
- B195E7
≈ Dreamy Candy Forest
- DE9355
≈ Pumpkin Toast
متمم منقسم +150° +210°
- 36BFA8
Pure Cyan
- D08BCC
≈ Purception
- E8897B
≈ Redolenc
رباعي +90° +180° +270°
- 36BFA8
Pure Cyan
- 88A3F2
≈ Cold Lips
- E386A5
≈ Rose Glory
- C5A244
≈ Creed
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.28:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.17:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pure-cyan: #36bfa8;
--pure-cyan-rgb: 54 191 168;
--pure-cyan-oklch: oklch(0.727 0.12 178.9);
}
.element {
color: var(--pure-cyan);
background-color: hsl(170 56% 48%);
border-color: oklch(0.727 0.12 178.9);
}Tailwind CSS v4
@theme {
--color-pure-cyan: #36bfa8;
--color-pure-cyan-50: #d1fff7;
--color-pure-cyan-100: #bdf6ea;
--color-pure-cyan-200: #9ae6d7;
--color-pure-cyan-300: #6bccbb;
--color-pure-cyan-400: #36b5a0;
--color-pure-cyan-500: #009f87;
--color-pure-cyan-600: #008673;
--color-pure-cyan-700: #006c5c;
--color-pure-cyan-800: #004f41;
--color-pure-cyan-900: #00372d;
--color-pure-cyan-950: #00221a;
}SCSS
$pure-cyan: #36bfa8;
$pure-cyan-rgb: 54, 191, 168;
$pure-cyan-light: mix(#fff, $pure-cyan, 20%);
$pure-cyan-dark: mix(#000, $pure-cyan, 20%);
.element {
color: $pure-cyan;
box-shadow: 0 0 0 2px rgba($pure-cyan, 0.35);
}