Colore con nome · #60BD8E
Techno Turquoise
Techno Turquoise è #60BD8E: rgb(96 189 142), hsl(150 41% 56%), oklch(0.728 0.113 159.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Techno Turquoise color name →
#60BD8E
oklch(0.728 0.113 159.7)
Conversioni di colore
- HEX
- #60bd8e
- RGB
- rgb(96 189 142)
- HSL
- hsl(150 41% 56%)
- HWB
- hwb(150 38% 26%)
- OKLCH
- oklch(0.728 0.113 159.7)
- OKLab
- oklab(0.728 -0.106 0.039)
- CIE Lab
- lab(69.98 -37.28 14.96)
- LCH
- lch(69.98 40.17 158.1)
- CMYK
- cmyk(49% 0% 25% 26%)
Tinte · Ombre · Toni
Tinte
- 72C499
- 83CAA4
- 94D1AF
- A4D8BA
- B3DEC5
- C3E5D1
- D2EBDC
- E1F2E8
- F0F9F3
Ombre
- 52A47B
- 458C68
- 387456
- 2C5D44
- 204734
- 153324
- 0A1F15
- 030D07
- 000201
Toni
- 66B78D
- 6AB18B
- 6EAB8A
- 72A589
- 759F87
- 789886
- 7B9284
- 7D8C83
- 7E8682
Armonie di colore
Complementare +180°
- 60BD8E
Techno Turquoise
- D78ABE
≈ Cyclamen
Analogo -30° +30°
- 60BD8E
Techno Turquoise
- 90B567
≈ Nasturtium Leaf
- 35BEB6
≈ Tint of Turquoise
Triadico +120° +240°
- 60BD8E
Techno Turquoise
- 999FED
≈ Cold Lips
- E48E70
≈ Middle Red
Complementare divisa +150° +210°
- 60BD8E
Techno Turquoise
- BD93DD
≈ Lenurple
- E48897
≈ Melancholy
Tetradico +90° +180° +270°
- 60BD8E
Techno Turquoise
- 6DACEC
≈ Blue Jeans
- D78ABE
≈ Cyclamen
- D59A52
≈ Poseidon’s Gold
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.16:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--techno-turquoise: #60bd8e;
--techno-turquoise-rgb: 96 189 142;
--techno-turquoise-oklch: oklch(0.728 0.113 159.7);
}
.element {
color: var(--techno-turquoise);
background-color: hsl(150 41% 56%);
border-color: oklch(0.728 0.113 159.7);
}Tailwind CSS v4
@theme {
--color-techno-turquoise: #60bd8e;
--color-techno-turquoise-50: #daffeb;
--color-techno-turquoise-100: #c7f4dc;
--color-techno-turquoise-200: #a9e4c5;
--color-techno-turquoise-300: #80caa5;
--color-techno-turquoise-400: #5cb387;
--color-techno-turquoise-500: #2d9d6b;
--color-techno-turquoise-600: #29845b;
--color-techno-turquoise-700: #216a49;
--color-techno-turquoise-800: #184e33;
--color-techno-turquoise-900: #103622;
--color-techno-turquoise-950: #022112;
}SCSS
$techno-turquoise: #60bd8e;
$techno-turquoise-rgb: 96, 189, 142;
$techno-turquoise-light: mix(#fff, $techno-turquoise, 20%);
$techno-turquoise-dark: mix(#000, $techno-turquoise, 20%);
.element {
color: $techno-turquoise;
box-shadow: 0 0 0 2px rgba($techno-turquoise, 0.35);
}