Nazwany kolor · #49999A
Aquatic Green
Aquatic Green to #49999A: rgb(73 153 154), hsl(181 36% 45%), oklch(0.634 0.078 196.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Aquatic Green color name →
#49999A
oklch(0.634 0.078 196.5)
Konwersje koloru
- HEX
- #49999a
- RGB
- rgb(73 153 154)
- HSL
- hsl(181 36% 45%)
- HWB
- hwb(181 29% 40%)
- OKLCH
- oklch(0.634 0.078 196.5)
- OKLab
- oklab(0.634 -0.075 -0.022)
- CIE Lab
- lab(58.3 -25.29 -8.45)
- LCH
- lch(58.3 26.66 198.5)
- CMYK
- cmyk(53% 1% 0% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5DA3A4
- 71ADAD
- 83B7B7
- 95C1C1
- A7CBCB
- B8D6D6
- CAE0E0
- DCEAEA
- EDF5F5
Odcienie ciemniejsze
- 3E8485
- 347071
- 2A5D5E
- 204A4B
- 173839
- 0E2727
- 061717
- 020809
- 000101
Tony
- 519797
- 589495
- 5F9292
- 648F90
- 6A8D8D
- 6F8A8A
- 738888
- 788585
- 7C8383
Harmonie kolorów
Komplementarna +180°
- 49999A
Aquatic Green
- B5777A
≈ Precious Garnet
Analogowa -30° +30°
- 49999A
Aquatic Green
- 599A80
≈ Succulent Green
- 5294AF
≈ Jet Ski
Triada +120° +240°
- 49999A
Aquatic Green
- 9D7CAA
≈ Virtuous
- A58452
≈ Leather Tan
Komplementarna rozszczepiona +150° +210°
- 49999A
Aquatic Green
- AD7794
≈ Cipher
- B27B61
≈ Happy Trails
Tetrada +90° +180° +270°
- 49999A
Aquatic Green
- 8683B8
≈ Bravo!
- B5777A
≈ Precious Garnet
- 908E54
≈ Cornus Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.32:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.30:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--aquatic-green: #49999a;
--aquatic-green-rgb: 73 153 154;
--aquatic-green-oklch: oklch(0.634 0.078 196.5);
}
.element {
color: var(--aquatic-green);
background-color: hsl(181 36% 45%);
border-color: oklch(0.634 0.078 196.5);
}Tailwind CSS v4
@theme {
--color-aquatic-green: #49999a;
--color-aquatic-green-50: #dcfdfd;
--color-aquatic-green-100: #cbf0f1;
--color-aquatic-green-200: #aedfe0;
--color-aquatic-green-300: #87c4c6;
--color-aquatic-green-400: #63adae;
--color-aquatic-green-500: #3a9697;
--color-aquatic-green-600: #337f80;
--color-aquatic-green-700: #286667;
--color-aquatic-green-800: #1c4b4a;
--color-aquatic-green-900: #123434;
--color-aquatic-green-950: #041f1f;
}SCSS
$aquatic-green: #49999a;
$aquatic-green-rgb: 73, 153, 154;
$aquatic-green-light: mix(#fff, $aquatic-green, 20%);
$aquatic-green-dark: mix(#000, $aquatic-green, 20%);
.element {
color: $aquatic-green;
box-shadow: 0 0 0 2px rgba($aquatic-green, 0.35);
}