Cor nomeada · #00878F
Ocean Soul
Ocean Soul é #00878F: rgb(0 135 143), hsl(183 100% 28%), oklch(0.568 0.097 202.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Ocean Soul color name →
#00878F
oklch(0.568 0.097 202.1)
Conversões de cor
- HEX
- #00878f
- RGB
- rgb(0 135 143)
- HSL
- hsl(183 100% 28%)
- HWB
- hwb(183 0% 44%)
- OKLCH
- oklch(0.568 0.097 202.1)
- OKLab
- oklab(0.568 -0.089 -0.036)
- CIE Lab
- lab(50.73 -29.53 -13.62)
- LCH
- lch(50.73 32.52 204.8)
- CMYK
- cmyk(100% 6% 0% 44%)
Tons claros · Sombras · Tons
Tons claros
- 35939A
- 519FA5
- 69AAB0
- 7FB6BB
- 95C2C6
- AACED1
- BFDADC
- D4E7E8
- EAF3F3
Sombras
- 00757C
- 006369
- 005157
- 004145
- 003134
- 002124
- 001315
- 000607
- 000101
Tons
- 25878E
- 36868C
- 44868B
- 4F8589
- 588488
- 618486
- 6A8385
- 718283
- 798182
Harmonias de cor
Complementar +180°
- 00878F
Ocean Soul
- A85E5C
≈ Escalante
Análoga -30° +30°
- 00878F
Ocean Soul
- 288970
≈ Elf
- 2E80A6
≈ Blue Paisley
Tríade +120° +240°
- 00878F
Ocean Soul
- 916398
≈ Aster Violetta
- 93712B
≈ Mulberry Brown
Complementar dividida +150° +210°
- 00878F
Ocean Soul
- A25E7C
≈ Cosmetic Red
- A3653E
≈ Earth
Tétrade +90° +180° +270°
- 00878F
Ocean Soul
- 786CAB
≈ Wintertime Mauve
- A85E5C
≈ Escalante
- 787C33
≈ Calla Green
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.31:1 · APCA Lc 69
Ag
AASobre preto
WCAG 4.86:1 · APCA Lc 32
Melhor cor de texto: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
Trechos de código
CSS
:root {
--ocean-soul: #00878f;
--ocean-soul-rgb: 0 135 143;
--ocean-soul-oklch: oklch(0.568 0.097 202.1);
}
.element {
color: var(--ocean-soul);
background-color: hsl(183 100% 28%);
border-color: oklch(0.568 0.097 202.1);
}Tailwind CSS v4
@theme {
--color-ocean-soul: #00878f;
--color-ocean-soul-50: #d6feff;
--color-ocean-soul-100: #c3f2f7;
--color-ocean-soul-200: #a3e1e7;
--color-ocean-soul-300: #79c6ce;
--color-ocean-soul-400: #4dafb7;
--color-ocean-soul-500: #0099a2;
--color-ocean-soul-600: #0a8188;
--color-ocean-soul-700: #0b676d;
--color-ocean-soul-800: #054c50;
--color-ocean-soul-900: #043537;
--color-ocean-soul-950: #002022;
}SCSS
$ocean-soul: #00878f;
$ocean-soul-rgb: 0, 135, 143;
$ocean-soul-light: mix(#fff, $ocean-soul, 20%);
$ocean-soul-dark: mix(#000, $ocean-soul, 20%);
.element {
color: $ocean-soul;
box-shadow: 0 0 0 2px rgba($ocean-soul, 0.35);
}