Colore con nome · #0E7C61
Turquoise Cyan
Turquoise Cyan è #0E7C61: rgb(14 124 97), hsl(165 80% 27%), oklch(0.523 0.1 170.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Turquoise Cyan color name →
#0E7C61
oklch(0.523 0.1 170.1)
Conversioni di colore
- HEX
- #0e7c61
- RGB
- rgb(14 124 97)
- HSL
- hsl(165 80% 27%)
- HWB
- hwb(165 5% 51%)
- OKLCH
- oklch(0.523 0.1 170.1)
- OKLab
- oklab(0.523 -0.099 0.017)
- CIE Lab
- lab(46 -35 6.31)
- LCH
- lch(46 35.57 169.8)
- CMYK
- cmyk(89% 0% 22% 51%)
Tinte · Ombre · Toni
Tinte
- 358970
- 4F957E
- 67A28E
- 7DAF9D
- 92BCAD
- A8CABD
- BED7CD
- D3E4DD
- E9F1EE
Ombre
- 0B6B53
- 075A46
- 054A39
- 033B2D
- 022C21
- 011E15
- 00110B
- 000503
- 000100
Toni
- 277D64
- 367D67
- 427E6A
- 4D7E6D
- 577F70
- 607F74
- 687F77
- 70807A
- 78807D
Armonie di colore
Complementare +180°
- 0E7C61
Turquoise Cyan
- 945072
≈ Sugar Plum
Analogo -30° +30°
- 0E7C61
Turquoise Cyan
- 49783F
≈ Nereus
- 00797E
≈ Hypnotic Sea
Triadico +120° +240°
- 0E7C61
Turquoise Cyan
- 695F9F
≈ Giant Onion
- 975730
≈ Ethiopian Wolf
Complementare divisa +150° +210°
- 0E7C61
Turquoise Cyan
- 83568D
≈ Purple Fluorite
- 9B5051
≈ Sweet Cherry
Tetradico +90° +180° +270°
- 0E7C61
Turquoise Cyan
- 476AA3
≈ Indigo Batik
- 945072
≈ Sugar Plum
- 886216
≈ Kumera
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.15:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.07:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.15:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--turquoise-cyan: #0e7c61;
--turquoise-cyan-rgb: 14 124 97;
--turquoise-cyan-oklch: oklch(0.523 0.1 170.1);
}
.element {
color: var(--turquoise-cyan);
background-color: hsl(165 80% 27%);
border-color: oklch(0.523 0.1 170.1);
}Tailwind CSS v4
@theme {
--color-turquoise-cyan: #0e7c61;
--color-turquoise-cyan-50: #d9fff2;
--color-turquoise-cyan-100: #c7f3e4;
--color-turquoise-cyan-200: #a9e3cf;
--color-turquoise-cyan-300: #80c8b2;
--color-turquoise-cyan-400: #5ab295;
--color-turquoise-cyan-500: #2a9b7c;
--color-turquoise-cyan-600: #278369;
--color-turquoise-cyan-700: #1f6954;
--color-turquoise-cyan-800: #164d3c;
--color-turquoise-cyan-900: #0e3629;
--color-turquoise-cyan-950: #012117;
}SCSS
$turquoise-cyan: #0e7c61;
$turquoise-cyan-rgb: 14, 124, 97;
$turquoise-cyan-light: mix(#fff, $turquoise-cyan, 20%);
$turquoise-cyan-dark: mix(#000, $turquoise-cyan, 20%);
.element {
color: $turquoise-cyan;
box-shadow: 0 0 0 2px rgba($turquoise-cyan, 0.35);
}