Couleur nommée · #069261
Emerald Lake
Emerald Lake correspond à #069261 : rgb(6 146 97), hsl(159 92% 30%), oklch(0.583 0.129 160.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Emerald Lake color name →
#069261
oklch(0.583 0.129 160.7)
Conversions de couleur
- HEX
- #069261
- RGB
- rgb(6 146 97)
- HSL
- hsl(159 92% 30%)
- HWB
- hwb(159 2% 43%)
- OKLCH
- oklch(0.583 0.129 160.7)
- OKLab
- oklab(0.583 -0.122 0.043)
- CIE Lab
- lab(53.35 -43.48 16.4)
- LCH
- lch(53.35 46.47 159.3)
- CMYK
- cmyk(96% 0% 34% 43%)
Teintes · Ombres · Tons
Teintes
- 389D70
- 53A87F
- 6BB38E
- 81BE9E
- 97C8AD
- ACD3BD
- C1DECD
- D5E9DE
- EAF4EE
Ombres
- 047E53
- 036B46
- 025839
- 01462D
- 013521
- 002515
- 00160B
- 000803
- 000100
Tons
- 289164
- 398F68
- 468D6B
- 518C6E
- 5A8A71
- 638874
- 6B8677
- 72847A
- 79827D
Harmonies de couleurs
Complémentaire +180°
- 069261
Emerald Lake
- AD5A92
≈ Meadow Mauve
Analogue -30° +30°
- 069261
Emerald Lake
- 608A2F
≈ Maximum Green
- 008E89
≈ Aqua Experience
Triadique +120° +240°
- 069261
Emerald Lake
- 6E70C6
≈ Purple Toolbox
- BA5D3A
≈ Deep Reddish Orange
Complémentaire divisée +150° +210°
- 069261
Emerald Lake
- 9363B3
≈ Lusty Lavender
- BA5769
≈ Candied Apple
Tétradique +90° +180° +270°
- 069261
Emerald Lake
- 377FC5
≈ Tufts Blue
- AD5A92
≈ Meadow Mauve
- A96C00
≈ Buckthorn Brown
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.96:1 · APCA Lc 66
Ag
AASur noir
WCAG 5.29:1 · APCA Lc 35
Meilleure couleur de texte: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
Extraits de code
CSS
:root {
--emerald-lake: #069261;
--emerald-lake-rgb: 6 146 97;
--emerald-lake-oklch: oklch(0.583 0.129 160.7);
}
.element {
color: var(--emerald-lake);
background-color: hsl(159 92% 30%);
border-color: oklch(0.583 0.129 160.7);
}Tailwind CSS v4
@theme {
--color-emerald-lake: #069261;
--color-emerald-lake-50: #d5ffea;
--color-emerald-lake-100: #c2f6db;
--color-emerald-lake-200: #a1e6c4;
--color-emerald-lake-300: #75cca4;
--color-emerald-lake-400: #4bb685;
--color-emerald-lake-500: #009f69;
--color-emerald-lake-600: #018759;
--color-emerald-lake-700: #056c47;
--color-emerald-lake-800: #084f31;
--color-emerald-lake-900: #063721;
--color-emerald-lake-950: #002211;
}SCSS
$emerald-lake: #069261;
$emerald-lake-rgb: 6, 146, 97;
$emerald-lake-light: mix(#fff, $emerald-lake, 20%);
$emerald-lake-dark: mix(#000, $emerald-lake, 20%);
.element {
color: $emerald-lake;
box-shadow: 0 0 0 2px rgba($emerald-lake, 0.35);
}