En yakın adlandırılmış renk · #00D3BA
#00D3BA
En yakın adlandırılmış renk: Pristine Oceanic
#00D3BA (rgb(0 211 186), hsl(173 100% 41%), oklch(0.777 0.141 180.2)) en çok Pristine Oceanic adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00D3BA
oklch(0.777 0.141 180.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 46D8C1
- 65DCC7
- 7DE1CE
- 93E6D5
- A7EADC
- B9EEE3
- CCF3EA
- DDF7F1
- EEFBF8
Koyu tonlar
- 00B7A1
- 009C89
- 008272
- 00695C
- 005146
- 003A32
- 00241E
- 00100D
- 000202
Gri tonlar
- 33CBB4
- 47C2AE
- 55BAA8
- 5FB2A2
- 68A99D
- 6FA197
- 749991
- 79918B
- 7D8886
Renk uyumları
Tamamlayıcı +180°
- 00D3BA
Pristine Oceanic
- FE8EB2
≈ Schauss Pink
Analog -30° +30°
- 00D3BA
Pristine Oceanic
- 6DCF86
≈ Jube Green
- 00CDE6
≈ Picnic Day Sky
Üçlü +120° +240°
- 00D3BA
Pristine Oceanic
- C4A2FF
≈ Diva
- F79F50
≈ Sunshade
Bölünmüş tamamlayıcı +150° +210°
- 00D3BA
Pristine Oceanic
- E994E1
≈ Love Dust
- FF9583
≈ Orange Aura
Dörtlü +90° +180° +270°
- 00D3BA
Pristine Oceanic
- 9AB3FF
≈ Wondrous Wisteria
- FE8EB2
≈ Schauss Pink
- D9B238
≈ Citronite
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.90:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.02:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.02:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
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);
}