Color con nombre · #0E7F78
Coelia Greenshade
Coelia Greenshade es #0E7F78: rgb(14 127 120), hsl(176 80% 28%), oklch(0.539 0.091 187.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Coelia Greenshade color name →
#0E7F78
oklch(0.539 0.091 187.9)
Conversiones de color
- HEX
- #0e7f78
- RGB
- rgb(14 127 120)
- HSL
- hsl(176 80% 28%)
- HWB
- hwb(176 5% 50%)
- OKLCH
- oklch(0.539 0.091 187.9)
- OKLab
- oklab(0.539 -0.09 -0.013)
- CIE Lab
- lab(47.56 -31.09 -4.9)
- LCH
- lch(47.56 31.47 189)
- CMYK
- cmyk(89% 0% 6% 50%)
Tintes · Sombras · Tonos
Tintes
- 368B85
- 519891
- 68A49F
- 7EB1AC
- 94BEB9
- A9CBC7
- BED8D5
- D4E5E3
- E9F2F1
Sombras
- 0B6E67
- 075D57
- 054C48
- 033C39
- 022D2A
- 011F1D
- 001110
- 000605
- 000101
Tonos
- 287F79
- 37807A
- 44807A
- 4E807B
- 58807C
- 61807D
- 69807E
- 71807E
- 79807F
Armonías de color
Complementario +180°
- 0E7F78
Coelia Greenshade
- 9B5764
≈ Mission Wildflower
Análogo -30° +30°
- 0E7F78
Coelia Greenshade
- 3A7E5A
≈ Amazon
- 177B91
≈ Jade Shard
Triádico +120° +240°
- 0E7F78
Coelia Greenshade
- 7D5F97
≈ Jubilee
- 91632E
≈ Retrofit
Complementario dividido +150° +210°
- 0E7F78
Coelia Greenshade
- 905981
≈ Antique Fuchsia
- 9B5B47
≈ Chocolate Fountain
Tetrádico +90° +180° +270°
- 0E7F78
Coelia Greenshade
- 6269A3
≈ Twinkle Night
- 9B5764
≈ Mission Wildflower
- 7C6F29
≈ Tarnished Brass
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.85:1 · APCA Lc 73
Ag
FailSobre negro
WCAG 4.32:1 · APCA Lc 28
Mejor color de texto: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--coelia-greenshade: #0e7f78;
--coelia-greenshade-rgb: 14 127 120;
--coelia-greenshade-oklch: oklch(0.539 0.091 187.9);
}
.element {
color: var(--coelia-greenshade);
background-color: hsl(176 80% 28%);
border-color: oklch(0.539 0.091 187.9);
}Tailwind CSS v4
@theme {
--color-coelia-greenshade: #0e7f78;
--color-coelia-greenshade-50: #d9fefb;
--color-coelia-greenshade-100: #c6f2ee;
--color-coelia-greenshade-200: #a8e1dd;
--color-coelia-greenshade-300: #7fc7c2;
--color-coelia-greenshade-400: #57b0a8;
--color-coelia-greenshade-500: #229991;
--color-coelia-greenshade-600: #21827b;
--color-coelia-greenshade-700: #1b6862;
--color-coelia-greenshade-800: #124c47;
--color-coelia-greenshade-900: #0b3531;
--color-coelia-greenshade-950: #00201d;
}SCSS
$coelia-greenshade: #0e7f78;
$coelia-greenshade-rgb: 14, 127, 120;
$coelia-greenshade-light: mix(#fff, $coelia-greenshade, 20%);
$coelia-greenshade-dark: mix(#000, $coelia-greenshade, 20%);
.element {
color: $coelia-greenshade;
box-shadow: 0 0 0 2px rgba($coelia-greenshade, 0.35);
}