Named color · #00B191
Victorian Greenhouse
Victorian Greenhouse is #00B191: rgb(0 177 145), hsl(169 100% 35%), oklch(0.678 0.129 173.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Victorian Greenhouse color name →
#00B191
oklch(0.678 0.129 173.6)
Color conversions
- HEX
- #00b191
- RGB
- rgb(0 177 145)
- HSL
- hsl(169 100% 35%)
- HWB
- hwb(169 0% 31%)
- OKLCH
- oklch(0.678 0.129 173.6)
- OKLab
- oklab(0.678 -0.129 0.014)
- CIE Lab
- lab(64.35 -45.59 5.13)
- LCH
- lch(64.35 45.88 173.6)
- CMYK
- cmyk(100% 0% 18% 31%)
Tints · Shades · Tones
Tints
- 3EB99B
- 5CC1A6
- 74C9B1
- 8AD1BC
- 9ED9C7
- B2E0D2
- C6E8DD
- D9F0E8
- ECF7F4
Shades
- 00997D
- 00836A
- 006C58
- 005746
- 004235
- 002F25
- 001C15
- 000C07
- 000101
Tones
- 2CAC8F
- 3FA88E
- 4DA38C
- 589E8A
- 619989
- 699487
- 6F8F85
- 768A83
- 7B8582
Color harmonies
Complementary +180°
- 00B191
Victorian Greenhouse
- D4749E
≈ Camellia Pink
Analogous -30° +30°
- 00B191
Victorian Greenhouse
- 63AC62
≈ Techno Green
- 00ACB8
≈ Placid Sea
Triadic +120° +240°
- 00B191
Victorian Greenhouse
- 9C87E0
≈ Perrywinkle
- D57F43
≈ Pumpkin Bread
Split-complementary +150° +210°
- 00B191
Victorian Greenhouse
- BE7BC5
≈ Gulābī Pink
- DC7571
≈ Red Cedar
Tetradic +90° +180° +270°
- 00B191
Victorian Greenhouse
- 6E96E7
≈ Guilliman Blue
- D4749E
≈ Camellia Pink
- BE9022
≈ Nugget
Contrast & accessibility
Ag
FailOn white
WCAG 2.72:1 · APCA Lc 52
Ag
AAAOn black
WCAG 7.69:1 · APCA Lc 50
Best text color: #000000
WCAG 7.69:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--victorian-greenhouse: #00b191;
--victorian-greenhouse-rgb: 0 177 145;
--victorian-greenhouse-oklch: oklch(0.678 0.129 173.6);
}
.element {
color: var(--victorian-greenhouse);
background-color: hsl(169 100% 35%);
border-color: oklch(0.678 0.129 173.6);
}Tailwind CSS v4
@theme {
--color-victorian-greenhouse: #00b191;
--color-victorian-greenhouse-50: #cffff3;
--color-victorian-greenhouse-100: #bbf7e6;
--color-victorian-greenhouse-200: #97e7d2;
--color-victorian-greenhouse-300: #66cdb4;
--color-victorian-greenhouse-400: #2db798;
--color-victorian-greenhouse-500: #00a17f;
--color-victorian-greenhouse-600: #00886b;
--color-victorian-greenhouse-700: #006d56;
--color-victorian-greenhouse-800: #00503d;
--color-victorian-greenhouse-900: #00382a;
--color-victorian-greenhouse-950: #002217;
}SCSS
$victorian-greenhouse: #00b191;
$victorian-greenhouse-rgb: 0, 177, 145;
$victorian-greenhouse-light: mix(#fff, $victorian-greenhouse, 20%);
$victorian-greenhouse-dark: mix(#000, $victorian-greenhouse, 20%);
.element {
color: $victorian-greenhouse;
box-shadow: 0 0 0 2px rgba($victorian-greenhouse, 0.35);
}