Cor nomeada mais próxima · #00D1C8
#00D1C8
Cor nomeada mais próxima: Pristine Oceanic
#00D1C8 (rgb(0 209 200), hsl(177 100% 41%), oklch(0.776 0.134 189.3)) é mais próxima da cor nomeada Pristine Oceanic. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00D1C8
oklch(0.776 0.134 189.3)
Conversões de cor
- HEX
- #00d1c8
- RGB
- rgb(0 209 200)
- HSL
- hsl(177 100% 41%)
- HWB
- hwb(177 0% 18%)
- OKLCH
- oklch(0.776 0.134 189.3)
- OKLab
- oklab(0.776 -0.133 -0.022)
- CIE Lab
- lab(75.58 -45.65 -8.4)
- LCH
- lch(75.58 46.41 190.4)
- CMYK
- cmyk(100% 0% 4% 18%)
Tons claros · Sombras · Tons
Tons claros
- 45D6CD
- 64DBD3
- 7DE0D8
- 93E4DE
- A6E9E3
- B9EEE9
- CBF2EE
- DDF6F4
- EEFBF9
Sombras
- 00B5AE
- 009B94
- 00817B
- 006863
- 00504C
- 003936
- 002321
- 00100F
- 000202
Tons
- 33C9C1
- 47C1B9
- 55B9B2
- 5FB1AB
- 68A8A3
- 6EA09C
- 749895
- 79908E
- 7D8887
Harmonias de cor
Complementar +180°
- 00D1C8
Pristine Oceanic
- FF90A4
≈ Salmon Pink
Análoga -30° +30°
- 00D1C8
Pristine Oceanic
- 5DD097
≈ Van Gogh Green
- 26CAF0
≈ Picnic Day Sky
Tríade +120° +240°
- 00D1C8
Pristine Oceanic
- D09DF7
≈ Baby Purple
- EDA54C
≈ Golden Koi
Complementar dividida +150° +210°
- 00D1C8
Pristine Oceanic
- EE93D2
≈ Mayflower Orchid
- FE9774
≈ Hibiscus Delight
Tétrade +90° +180° +270°
- 00D1C8
Pristine Oceanic
- A7AEFF
≈ Shy Moment
- FF90A4
≈ Salmon Pink
- CBB744
≈ Old Gold
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.91:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 10.95:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 10.95:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
CSS
:root {
--pristine-oceanic: #00d1c8;
--pristine-oceanic-rgb: 0 209 200;
--pristine-oceanic-oklch: oklch(0.776 0.134 189.3);
}
.element {
color: var(--pristine-oceanic);
background-color: hsl(177 100% 41%);
border-color: oklch(0.776 0.134 189.3);
}Tailwind CSS v4
@theme {
--color-pristine-oceanic: #00d1c8;
--color-pristine-oceanic-50: #c9fffe;
--color-pristine-oceanic-100: #b4f7f3;
--color-pristine-oceanic-200: #8ce7e2;
--color-pristine-oceanic-300: #54cdc8;
--color-pristine-oceanic-400: #00b7af;
--color-pristine-oceanic-500: #00a199;
--color-pristine-oceanic-600: #008881;
--color-pristine-oceanic-700: #006d67;
--color-pristine-oceanic-800: #00504a;
--color-pristine-oceanic-900: #003834;
--color-pristine-oceanic-950: #00221f;
}SCSS
$pristine-oceanic: #00d1c8;
$pristine-oceanic-rgb: 0, 209, 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);
}