Nazwany kolor · #2C6E62
Antique Green
Antique Green to #2C6E62: rgb(44 110 98), hsl(169 43% 30%), oklch(0.492 0.07 179.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Antique Green color name →
#2C6E62
oklch(0.492 0.07 179.4)
Konwersje koloru
- HEX
- #2c6e62
- RGB
- rgb(44 110 98)
- HSL
- hsl(169 43% 30%)
- HWB
- hwb(169 17% 57%)
- OKLCH
- oklch(0.492 0.07 179.4)
- OKLab
- oklab(0.492 -0.07 0.001)
- CIE Lab
- lab(41.97 -24.31 0.08)
- LCH
- lch(41.97 24.31 179.8)
- CMYK
- cmyk(60% 0% 11% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 437C70
- 588A7F
- 6D988E
- 81A69E
- 96B4AD
- AAC3BD
- BFD2CD
- D4E1DE
- E9F0EE
Odcienie ciemniejsze
- 255F54
- 1E5047
- 17413A
- 11332D
- 0A2621
- 051916
- 020E0B
- 010403
- 000100
Tony
- 377065
- 417268
- 4A746B
- 52766E
- 5B7771
- 627974
- 6A7B77
- 717D7A
- 797E7D
Harmonie kolorów
Komplementarna +180°
- 2C6E62
Antique Green
- 825060
≈ Artful Magenta
Analogowa -30° +30°
- 2C6E62
Antique Green
- 436C4B
≈ Jungle Adventure
- 276C77
≈ Teal Fury
Triada +120° +240°
- 2C6E62
Antique Green
- 675883
≈ Berry Jam
- 7E5737
≈ Château Mantle
Komplementarna rozszczepiona +150° +210°
- 2C6E62
Antique Green
- 775274
≈ Opulent Ostrich
- 84524A
≈ Root Beer
Tetrada +90° +180° +270°
- 2C6E62
Antique Green
- 515F89
≈ Karmic Grape
- 825060
≈ Artful Magenta
- 715F2F
≈ Rationality
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.97:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.51:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.97:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--antique-green: #2c6e62;
--antique-green-rgb: 44 110 98;
--antique-green-oklch: oklch(0.492 0.07 179.4);
}
.element {
color: var(--antique-green);
background-color: hsl(169 43% 30%);
border-color: oklch(0.492 0.07 179.4);
}Tailwind CSS v4
@theme {
--color-antique-green: #2c6e62;
--color-antique-green-50: #e1fcf6;
--color-antique-green-100: #d0f0e9;
--color-antique-green-200: #b5dfd6;
--color-antique-green-300: #90c4ba;
--color-antique-green-400: #6fac9f;
--color-antique-green-500: #4d9587;
--color-antique-green-600: #427e73;
--color-antique-green-700: #34655c;
--color-antique-green-800: #254a42;
--color-antique-green-900: #19342e;
--color-antique-green-950: #091f1a;
}SCSS
$antique-green: #2c6e62;
$antique-green-rgb: 44, 110, 98;
$antique-green-light: mix(#fff, $antique-green, 20%);
$antique-green-dark: mix(#000, $antique-green, 20%);
.element {
color: $antique-green;
box-shadow: 0 0 0 2px rgba($antique-green, 0.35);
}