Cor nomeada · #1A5A4E
Country Meadow
Country Meadow é #1A5A4E: rgb(26 90 78), hsl(169 55% 23%), oklch(0.424 0.067 177.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Country Meadow color name →
#1A5A4E
oklch(0.424 0.067 177.9)
Conversões de cor
- HEX
- #1a5a4e
- RGB
- rgb(26 90 78)
- HSL
- hsl(169 55% 23%)
- HWB
- hwb(169 10% 65%)
- OKLCH
- oklch(0.424 0.067 177.9)
- OKLab
- oklab(0.424 -0.067 0.002)
- CIE Lab
- lab(34.03 -23.42 0.75)
- LCH
- lch(34.03 23.43 178.2)
- CMYK
- cmyk(71% 0% 13% 65%)
Tons claros · Sombras · Tons
Tons claros
- 34695E
- 4B796E
- 61897F
- 779990
- 8DA9A2
- A3BAB4
- B9CBC6
- D0DCD9
- E7EDEC
Sombras
- 154D43
- 104138
- 0C352D
- 072923
- 041E19
- 02130F
- 010907
- 000302
- 000000
Tons
- 285E53
- 346258
- 3F665D
- 496961
- 526D66
- 5C716B
- 657571
- 6E7976
- 777C7B
Harmonias de cor
Complementar +180°
- 1A5A4E
Country Meadow
- 6C3E4E
≈ Chilled Wine
Análoga -30° +30°
- 1A5A4E
Country Meadow
- 335839
≈ Ficus
- 115861
≈ Baltic Trench
Tríade +120° +240°
- 1A5A4E
Country Meadow
- 52466E
≈ Haunted Candelabra
- 6A4427
≈ Flattery
Complementar dividida +150° +210°
- 1A5A4E
Country Meadow
- 624161
≈ Royal Plum
- 6E3F39
≈ Single Origin
Tétrade +90° +180° +270°
- 1A5A4E
Country Meadow
- 3E4D73
≈ Takaka
- 6C3E4E
≈ Chilled Wine
- 5D4C1E
≈ Bronze Olive
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.02:1 · APCA Lc 88
Ag
FailSobre preto
WCAG 2.61:1 · APCA Lc 15
Melhor cor de texto: #FFFFFF
WCAG 8.02:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--country-meadow: #1a5a4e;
--country-meadow-rgb: 26 90 78;
--country-meadow-oklch: oklch(0.424 0.067 177.9);
}
.element {
color: var(--country-meadow);
background-color: hsl(169 55% 23%);
border-color: oklch(0.424 0.067 177.9);
}Tailwind CSS v4
@theme {
--color-country-meadow: #1a5a4e;
--color-country-meadow-50: #e2fcf6;
--color-country-meadow-100: #d1f0e9;
--color-country-meadow-200: #b6ded5;
--color-country-meadow-300: #92c3b8;
--color-country-meadow-400: #72ac9e;
--color-country-meadow-500: #519586;
--color-country-meadow-600: #457e71;
--color-country-meadow-700: #37655b;
--color-country-meadow-800: #274a41;
--color-country-meadow-900: #1a332d;
--color-country-meadow-950: #0a1f1a;
}SCSS
$country-meadow: #1a5a4e;
$country-meadow-rgb: 26, 90, 78;
$country-meadow-light: mix(#fff, $country-meadow, 20%);
$country-meadow-dark: mix(#000, $country-meadow, 20%);
.element {
color: $country-meadow;
box-shadow: 0 0 0 2px rgba($country-meadow, 0.35);
}