أقرب لون مسمّى · #00D3BA
#00D3BA
أقرب لون مسمّى: Pristine Oceanic
#00D3BA (rgb(0 211 186)، hsl(173 100% 41%)، oklch(0.777 0.141 180.2)) أقرب إلى اللون المسمّى Pristine Oceanic. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#00D3BA
oklch(0.777 0.141 180.2)
تحويلات الألوان
- HEX
- #00d3ba
- RGB
- rgb(0 211 186)
- HSL
- hsl(173 100% 41%)
- HWB
- hwb(173 0% 17%)
- OKLCH
- oklch(0.777 0.141 180.2)
- OKLab
- oklab(0.777 -0.141 0)
- CIE Lab
- lab(75.87 -49.41 -0.51)
- LCH
- lch(75.87 49.41 180.6)
- CMYK
- cmyk(100% 0% 12% 17%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 46D8C1
- 65DCC7
- 7DE1CE
- 93E6D5
- A7EADC
- B9EEE3
- CCF3EA
- DDF7F1
- EEFBF8
درجات داكنة
- 00B7A1
- 009C89
- 008272
- 00695C
- 005146
- 003A32
- 00241E
- 00100D
- 000202
درجات رمادية
- 33CBB4
- 47C2AE
- 55BAA8
- 5FB2A2
- 68A99D
- 6FA197
- 749991
- 79918B
- 7D8886
تناسق الألوان
متمم +180°
- 00D3BA
Pristine Oceanic
- FE8EB2
≈ Schauss Pink
متجاور -30° +30°
- 00D3BA
Pristine Oceanic
- 6DCF86
≈ Jube Green
- 00CDE6
≈ Picnic Day Sky
ثلاثي +120° +240°
- 00D3BA
Pristine Oceanic
- C4A2FF
≈ Diva
- F79F50
≈ Sunshade
متمم منقسم +150° +210°
- 00D3BA
Pristine Oceanic
- E994E1
≈ Love Dust
- FF9583
≈ Orange Aura
رباعي +90° +180° +270°
- 00D3BA
Pristine Oceanic
- 9AB3FF
≈ Wondrous Wisteria
- FE8EB2
≈ Schauss Pink
- D9B238
≈ Citronite
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.90:1 · APCA Lc 36
Ag
AAAعلى الأسود
WCAG 11.02:1 · APCA Lc 67
أفضل لون للنص: #000000
WCAG 11.02:1 (AAA) · APCA Lc 67
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pristine-oceanic: #00d3ba;
--pristine-oceanic-rgb: 0 211 186;
--pristine-oceanic-oklch: oklch(0.777 0.141 180.2);
}
.element {
color: var(--pristine-oceanic);
background-color: hsl(173 100% 41%);
border-color: oklch(0.777 0.141 180.2);
}Tailwind CSS v4
@theme {
--color-pristine-oceanic: #00d3ba;
--color-pristine-oceanic-50: #c9fff8;
--color-pristine-oceanic-100: #b3f8eb;
--color-pristine-oceanic-200: #8ce8d9;
--color-pristine-oceanic-300: #53cfbd;
--color-pristine-oceanic-400: #00b9a2;
--color-pristine-oceanic-500: #00a38a;
--color-pristine-oceanic-600: #008a75;
--color-pristine-oceanic-700: #006e5d;
--color-pristine-oceanic-800: #005142;
--color-pristine-oceanic-900: #00392e;
--color-pristine-oceanic-950: #00231b;
}SCSS
$pristine-oceanic: #00d3ba;
$pristine-oceanic-rgb: 0, 211, 186;
$pristine-oceanic-light: mix(#fff, $pristine-oceanic, 20%);
$pristine-oceanic-dark: mix(#000, $pristine-oceanic, 20%);
.element {
color: $pristine-oceanic;
box-shadow: 0 0 0 2px rgba($pristine-oceanic, 0.35);
}