لون مسمّى · #08E8DE
Bright Turquoise
Bright Turquoise هو #08E8DE: rgb(8 232 222)، hsl(177 93% 47%)، oklch(0.84 0.145 189.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Bright Turquoise color name →
#08E8DE
oklch(0.84 0.145 189.2)
تحويلات الألوان
- HEX
- #08e8de
- RGB
- rgb(8 232 222)
- HSL
- hsl(177 93% 47%)
- HWB
- hwb(177 3% 9%)
- OKLCH
- oklch(0.84 0.145 189.2)
- OKLab
- oklab(0.84 -0.143 -0.023)
- CIE Lab
- lab(83.09 -49.19 -9.01)
- LCH
- lch(83.09 50.01 190.4)
- CMYK
- cmyk(97% 0% 4% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4CEBE1
- 6BEDE5
- 84F0E8
- 99F2EB
- ACF5EE
- BEF7F2
- CFF9F5
- E0FBF8
- EFFDFC
درجات داكنة
- 06CAC1
- 04ACA5
- 039089
- 02746F
- 015955
- 01403D
- 002926
- 001312
- 000302
درجات رمادية
- 38DDD4
- 4CD3CA
- 5AC8C1
- 64BEB7
- 6CB4AE
- 72A9A5
- 779F9B
- 7B9592
- 7E8A89
تناسق الألوان
متمم +180°
- 08E8DE
Bright Turquoise
- FFB2BE
≈ Soft Pink
متجاور -30° +30°
- 08E8DE
Bright Turquoise
- 69E7A8
≈ Screen Glow
- 62DDFF
≈ Athena Blue
ثلاثي +120° +240°
- 08E8DE
Bright Turquoise
- DFB8FF
≈ Lavender Fragrance
- FFBB6C
≈ Desert Dessert
متمم منقسم +150° +210°
- 08E8DE
Bright Turquoise
- FFABE4
≈ Fresh Gum
- FFB79E
≈ Island Girl
رباعي +90° +180° +270°
- 08E8DE
Bright Turquoise
- BFC6FF
≈ Light Periwinkle
- FFB2BE
≈ Soft Pink
- E2CC4E
≈ Citrus Spice
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.54:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.60:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.60:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bright-turquoise: #08e8de;
--bright-turquoise-rgb: 8 232 222;
--bright-turquoise-oklch: oklch(0.84 0.145 189.2);
}
.element {
color: var(--bright-turquoise);
background-color: hsl(177 93% 47%);
border-color: oklch(0.84 0.145 189.2);
}Tailwind CSS v4
@theme {
--color-bright-turquoise: #08e8de;
--color-bright-turquoise-50: #c6ffff;
--color-bright-turquoise-100: #aff8f4;
--color-bright-turquoise-200: #85e8e3;
--color-bright-turquoise-300: #46cfc9;
--color-bright-turquoise-400: #00b9b0;
--color-bright-turquoise-500: #00a29a;
--color-bright-turquoise-600: #008982;
--color-bright-turquoise-700: #006e68;
--color-bright-turquoise-800: #00514b;
--color-bright-turquoise-900: #003934;
--color-bright-turquoise-950: #00231f;
}SCSS
$bright-turquoise: #08e8de;
$bright-turquoise-rgb: 8, 232, 222;
$bright-turquoise-light: mix(#fff, $bright-turquoise, 20%);
$bright-turquoise-dark: mix(#000, $bright-turquoise, 20%);
.element {
color: $bright-turquoise;
box-shadow: 0 0 0 2px rgba($bright-turquoise, 0.35);
}