Named color · #095155
Emerald Spring
Emerald Spring is #095155: rgb(9 81 85), hsl(183 81% 18%), oklch(0.397 0.064 200.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Emerald Spring color name →
#095155
oklch(0.397 0.064 200.9)
Color conversions
- HEX
- #095155
- RGB
- rgb(9 81 85)
- HSL
- hsl(183 81% 18%)
- HWB
- hwb(183 4% 67%)
- OKLCH
- oklch(0.397 0.064 200.9)
- OKLab
- oklab(0.397 -0.06 -0.023)
- CIE Lab
- lab(30.66 -19.96 -8.62)
- LCH
- lch(30.66 21.74 203.4)
- CMYK
- cmyk(89% 5% 0% 67%)
Tints · Shades · Tones
Tints
- 2A6164
- 427174
- 5A8285
- 709395
- 87A4A6
- 9FB6B7
- B6C8C9
- CEDADB
- E6ECED
Shades
- 074549
- 053A3D
- 032F31
- 022426
- 011A1C
- 011011
- 000708
- 000202
- 000000
Tones
- 1D5659
- 2B5A5D
- 375F62
- 436466
- 4D696A
- 586D6F
- 627273
- 6C7777
- 767B7C
Color harmonies
Complementary +180°
- 095155
Emerald Spring
- 653838
≈ Andorra
Analogous -30° +30°
- 095155
Emerald Spring
- 1A5242
≈ Bagpiper
- 1B4D63
≈ Lazurite Blue
Triadic +120° +240°
- 095155
Emerald Spring
- 573B5C
≈ Old Heliotrope
- 59431A
≈ Smoked Oak Brown
Split-complementary +150° +210°
- 095155
Emerald Spring
- 61384B
≈ Liqueur Red
- 623C25
≈ Cassiterite Brown
Tetradic +90° +180° +270°
- 095155
Emerald Spring
- 474067
≈ Evening Mauve
- 653838
≈ Andorra
- 484A1E
≈ Bronze Tone
Contrast & accessibility
Ag
AAAOn white
WCAG 9.05:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.31:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 9.05:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--emerald-spring: #095155;
--emerald-spring-rgb: 9 81 85;
--emerald-spring-oklch: oklch(0.397 0.064 200.9);
}
.element {
color: var(--emerald-spring);
background-color: hsl(183 81% 18%);
border-color: oklch(0.397 0.064 200.9);
}Tailwind CSS v4
@theme {
--color-emerald-spring: #095155;
--color-emerald-spring-50: #e1fbfd;
--color-emerald-spring-100: #d0eff1;
--color-emerald-spring-200: #b5dde0;
--color-emerald-spring-300: #91c2c6;
--color-emerald-spring-400: #70aaae;
--color-emerald-spring-500: #4d9398;
--color-emerald-spring-600: #427c80;
--color-emerald-spring-700: #356467;
--color-emerald-spring-800: #25494b;
--color-emerald-spring-900: #193334;
--color-emerald-spring-950: #091e1f;
}SCSS
$emerald-spring: #095155;
$emerald-spring-rgb: 9, 81, 85;
$emerald-spring-light: mix(#fff, $emerald-spring, 20%);
$emerald-spring-dark: mix(#000, $emerald-spring, 20%);
.element {
color: $emerald-spring;
box-shadow: 0 0 0 2px rgba($emerald-spring, 0.35);
}