En yakın adlandırılmış renk · #00CFC8
#00CFC8
En yakın adlandırılmış renk: Pristine Oceanic
#00CFC8 (rgb(0 207 200), hsl(178 100% 41%), oklch(0.771 0.133 190.5)) 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.
#00CFC8
oklch(0.771 0.133 190.5)
Renk dönüşümleri
- HEX
- #00cfc8
- RGB
- rgb(0 207 200)
- HSL
- hsl(178 100% 41%)
- HWB
- hwb(178 0% 19%)
- OKLCH
- oklch(0.771 0.133 190.5)
- OKLab
- oklab(0.771 -0.131 -0.024)
- CIE Lab
- lab(74.97 -44.89 -9.3)
- LCH
- lch(74.97 45.84 191.7)
- CMYK
- cmyk(100% 0% 3% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 45D4CD
- 64D9D3
- 7CDED8
- 92E3DE
- A6E8E3
- B9EDE9
- CBF1EE
- DDF6F4
- EEFBF9
Koyu tonlar
- 00B4AE
- 009994
- 007F7B
- 006763
- 004F4C
- 003836
- 002321
- 00100F
- 000202
Gri tonlar
- 32C7C1
- 46BFB9
- 54B7B2
- 5FAFAB
- 67A8A3
- 6EA09C
- 749895
- 79908E
- 7D8887
Renk uyumları
Tamamlayıcı +180°
- 00CFC8
Pristine Oceanic
- FC8FA0
≈ Charming Cherry
Analog -30° +30°
- 00CFC8
Pristine Oceanic
- 5ACE98
≈ Vegetation
- 2AC7EF
≈ Picnic Day Sky
Üçlü +120° +240°
- 00CFC8
Pristine Oceanic
- CF9CF3
≈ Dream Vapour
- EAA54B
≈ Zucchini Flower
Bölünmüş tamamlayıcı +150° +210°
- 00CFC8
Pristine Oceanic
- ED92CF
≈ Mayflower Orchid
- FC9671
≈ Hibiscus Delight
Dörtlü +90° +180° +270°
- 00CFC8
Pristine Oceanic
- A6ACFF
≈ Shy Moment
- FC8FA0
≈ Charming Cherry
- C8B645
≈ Warm Olive
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.75:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.75:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--pristine-oceanic: #00cfc8;
--pristine-oceanic-rgb: 0 207 200;
--pristine-oceanic-oklch: oklch(0.771 0.133 190.5);
}
.element {
color: var(--pristine-oceanic);
background-color: hsl(178 100% 41%);
border-color: oklch(0.771 0.133 190.5);
}Tailwind CSS v4
@theme {
--color-pristine-oceanic: #00cfc8;
--color-pristine-oceanic-50: #caffff;
--color-pristine-oceanic-100: #b4f7f4;
--color-pristine-oceanic-200: #8de7e3;
--color-pristine-oceanic-300: #56cdc9;
--color-pristine-oceanic-400: #00b7b0;
--color-pristine-oceanic-500: #00a09a;
--color-pristine-oceanic-600: #008882;
--color-pristine-oceanic-700: #006d68;
--color-pristine-oceanic-800: #00504b;
--color-pristine-oceanic-900: #003834;
--color-pristine-oceanic-950: #002220;
}SCSS
$pristine-oceanic: #00cfc8;
$pristine-oceanic-rgb: 0, 207, 200;
$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);
}