لون مسمّى · #006E7A
Carnival Night
Carnival Night هو #006E7A: rgb(0 110 122)، hsl(186 100% 24%)، oklch(0.492 0.085 207.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Carnival Night color name →
#006E7A
oklch(0.492 0.085 207.9)
تحويلات الألوان
- HEX
- #006e7a
- RGB
- rgb(0 110 122)
- HSL
- hsl(186 100% 24%)
- HWB
- hwb(186 0% 52%)
- OKLCH
- oklch(0.492 0.085 207.9)
- OKLab
- oklab(0.492 -0.075 -0.04)
- CIE Lab
- lab(41.78 -24.02 -14.71)
- LCH
- lch(41.78 28.17 211.5)
- CMYK
- cmyk(100% 10% 0% 52%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 2E7C87
- 498A93
- 6198A0
- 78A6AD
- 8EB5BB
- A5C3C8
- BBD2D6
- D1E1E3
- E8F0F1
درجات داكنة
- 005F69
- 005059
- 004149
- 00333A
- 00262B
- 00191D
- 000E10
- 000405
- 000101
درجات رمادية
- 20707B
- 30727B
- 3D747C
- 49767D
- 53787D
- 5D797E
- 667B7E
- 6F7D7F
- 787E80
تناسق الألوان
متمم +180°
- 006E7A
Carnival Night
- 8B4D46
≈ Rudraksha Beads
متجاور -30° +30°
- 006E7A
Carnival Night
- 157161
≈ Falcon Turquoise
- 2B678B
≈ Drake’s Neck
ثلاثي +120° +240°
- 006E7A
Carnival Night
- 7B4F79
≈ Phlox Flower Violet
- 755E20
≈ Brassy Brass
متمم منقسم +150° +210°
- 006E7A
Carnival Night
- 874C61
≈ Red Shrivel
- 85542D
≈ Burnt Crust
رباعي +90° +180° +270°
- 006E7A
Carnival Night
- 67568B
≈ Butterfly Bush
- 8B4D46
≈ Rudraksha Beads
- 5D672B
≈ Deathworld Forest
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.98:1 · APCA Lc 79
Ag
Failعلى الأسود
WCAG 3.51:1 · APCA Lc 22
أفضل لون للنص: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--carnival-night: #006e7a;
--carnival-night-rgb: 0 110 122;
--carnival-night-oklch: oklch(0.492 0.085 207.9);
}
.element {
color: var(--carnival-night);
background-color: hsl(186 100% 24%);
border-color: oklch(0.492 0.085 207.9);
}Tailwind CSS v4
@theme {
--color-carnival-night: #006e7a;
--color-carnival-night-50: #dbfcff;
--color-carnival-night-100: #c8f0f8;
--color-carnival-night-200: #abdfe8;
--color-carnival-night-300: #83c4cf;
--color-carnival-night-400: #5cadb8;
--color-carnival-night-500: #2f96a3;
--color-carnival-night-600: #2a7f8a;
--color-carnival-night-700: #22656f;
--color-carnival-night-800: #164b51;
--color-carnival-night-900: #0e3438;
--color-carnival-night-950: #011f23;
}SCSS
$carnival-night: #006e7a;
$carnival-night-rgb: 0, 110, 122;
$carnival-night-light: mix(#fff, $carnival-night, 20%);
$carnival-night-dark: mix(#000, $carnival-night, 20%);
.element {
color: $carnival-night;
box-shadow: 0 0 0 2px rgba($carnival-night, 0.35);
}