Couleur nommée · #60BD8E
Techno Turquoise
Techno Turquoise correspond à #60BD8E : rgb(96 189 142), hsl(150 41% 56%), oklch(0.728 0.113 159.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Techno Turquoise color name →
#60BD8E
oklch(0.728 0.113 159.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 72C499
- 83CAA4
- 94D1AF
- A4D8BA
- B3DEC5
- C3E5D1
- D2EBDC
- E1F2E8
- F0F9F3
Ombres
- 52A47B
- 458C68
- 387456
- 2C5D44
- 204734
- 153324
- 0A1F15
- 030D07
- 000201
Tons
- 66B78D
- 6AB18B
- 6EAB8A
- 72A589
- 759F87
- 789886
- 7B9284
- 7D8C83
- 7E8682
Harmonies de couleurs
Complémentaire +180°
- 60BD8E
Techno Turquoise
- D78ABE
≈ Cyclamen
Analogue -30° +30°
- 60BD8E
Techno Turquoise
- 90B567
≈ Nasturtium Leaf
- 35BEB6
≈ Tint of Turquoise
Triadique +120° +240°
- 60BD8E
Techno Turquoise
- 999FED
≈ Cold Lips
- E48E70
≈ Middle Red
Complémentaire divisée +150° +210°
- 60BD8E
Techno Turquoise
- BD93DD
≈ Lenurple
- E48897
≈ Melancholy
Tétradique +90° +180° +270°
- 60BD8E
Techno Turquoise
- 6DACEC
≈ Blue Jeans
- D78ABE
≈ Cyclamen
- D59A52
≈ Poseidon’s Gold
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.29:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.16:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
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);
}