Nazwany kolor · #00B191
Victorian Greenhouse
Victorian Greenhouse to #00B191: rgb(0 177 145), hsl(169 100% 35%), oklch(0.678 0.129 173.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Victorian Greenhouse color name →
#00B191
oklch(0.678 0.129 173.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3EB99B
- 5CC1A6
- 74C9B1
- 8AD1BC
- 9ED9C7
- B2E0D2
- C6E8DD
- D9F0E8
- ECF7F4
Odcienie ciemniejsze
- 00997D
- 00836A
- 006C58
- 005746
- 004235
- 002F25
- 001C15
- 000C07
- 000101
Tony
- 2CAC8F
- 3FA88E
- 4DA38C
- 589E8A
- 619989
- 699487
- 6F8F85
- 768A83
- 7B8582
Harmonie kolorów
Komplementarna +180°
- 00B191
Victorian Greenhouse
- D4749E
≈ Camellia Pink
Analogowa -30° +30°
- 00B191
Victorian Greenhouse
- 63AC62
≈ Techno Green
- 00ACB8
≈ Placid Sea
Triada +120° +240°
- 00B191
Victorian Greenhouse
- 9C87E0
≈ Perrywinkle
- D57F43
≈ Pumpkin Bread
Komplementarna rozszczepiona +150° +210°
- 00B191
Victorian Greenhouse
- BE7BC5
≈ Gulābī Pink
- DC7571
≈ Red Cedar
Tetrada +90° +180° +270°
- 00B191
Victorian Greenhouse
- 6E96E7
≈ Guilliman Blue
- D4749E
≈ Camellia Pink
- BE9022
≈ Nugget
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.72:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.69:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.69:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
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);
}