Nazwany kolor · #50A074
Tropical Tone
Tropical Tone to #50A074: rgb(80 160 116), hsl(147 33% 47%), oklch(0.643 0.104 157.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Tropical Tone color name →
#50A074
oklch(0.643 0.104 157.6)
Konwersje koloru
- HEX
- #50a074
- RGB
- rgb(80 160 116)
- HSL
- hsl(147 33% 47%)
- HWB
- hwb(147 31% 37%)
- OKLCH
- oklch(0.643 0.104 157.6)
- OKLab
- oklab(0.643 -0.096 0.04)
- CIE Lab
- lab(59.93 -33.62 15.16)
- LCH
- lch(59.93 36.88 155.7)
- CMYK
- cmyk(50% 0% 28% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 63A981
- 75B38F
- 87BC9C
- 98C6AA
- A9CFB8
- BBD9C6
- CCE2D4
- DDECE2
- EEF5F0
Odcienie ciemniejsze
- 448B64
- 397654
- 2E6145
- 244E37
- 1A3B29
- 10291B
- 07190F
- 020905
- 000101
Tony
- 579D75
- 5D9A77
- 639778
- 689479
- 6D907A
- 718D7C
- 758A7D
- 79877E
- 7D837F
Harmonie kolorów
Komplementarna +180°
- 50A074
Tropical Tone
- B674A3
≈ Eccentric Magenta
Analogowa -30° +30°
- 50A074
Tropical Tone
- 7B9951
≈ Bavarian Green
- 25A198
≈ Ceramic Blue Turquoise
Triada +120° +240°
- 50A074
Tropical Tone
- 7E86CC
≈ Twilight Twinkle
- C3765E
≈ Warm Terra Cotta
Komplementarna rozszczepiona +150° +210°
- 50A074
Tropical Tone
- 9E7BBE
≈ Lush Lilac
- C27181
≈ Briar Rose
Tetrada +90° +180° +270°
- 50A074
Tropical Tone
- 5692C9
≈ Come Sail Away
- B674A3
≈ Eccentric Magenta
- B78042
≈ Condiment
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.17:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.62:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--tropical-tone: #50a074;
--tropical-tone-rgb: 80 160 116;
--tropical-tone-oklch: oklch(0.643 0.104 157.6);
}
.element {
color: var(--tropical-tone);
background-color: hsl(147 33% 47%);
border-color: oklch(0.643 0.104 157.6);
}Tailwind CSS v4
@theme {
--color-tropical-tone: #50a074;
--color-tropical-tone-50: #ddffeb;
--color-tropical-tone-100: #cbf3dc;
--color-tropical-tone-200: #aee2c5;
--color-tropical-tone-300: #88c8a5;
--color-tropical-tone-400: #66b186;
--color-tropical-tone-500: #3f9b6b;
--color-tropical-tone-600: #37835b;
--color-tropical-tone-700: #2c6948;
--color-tropical-tone-800: #204d33;
--color-tropical-tone-900: #153522;
--color-tropical-tone-950: #062111;
}SCSS
$tropical-tone: #50a074;
$tropical-tone-rgb: 80, 160, 116;
$tropical-tone-light: mix(#fff, $tropical-tone, 20%);
$tropical-tone-dark: mix(#000, $tropical-tone, 20%);
.element {
color: $tropical-tone;
box-shadow: 0 0 0 2px rgba($tropical-tone, 0.35);
}