Dark Mint #48C072
Dark Mint é um verde médio-claro e vívido, com código hex #48C072 e RGB rgb(72, 192, 114).
Aa
O texto preto é o que melhor se lê sobre esta cor (9.05:1).
Sobre esta cor
#48C072 é um verde médio-claro e vívido. Em OKLCH, a luminosidade é 72%, o croma 0.156 e o matiz 152°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Dark Mint. O texto preto é o que melhor se lê sobre esta cor, com 9.05:1.
| Família de matiz | Verdes |
| Luminosidade | médio-claro (72%) |
| Croma | vívido (0.156) |
| Temperatura | intermediário |
| Nome mais próximo | Dark Mint |
| Texto preto | 9.05:1 |
| Texto branco | 2.31:1 |
Cores que combinam com Dark Mint
Combinações obtidas ao girar Dark Mint pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
Paletas de cores com Dark Mint
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Dark Mint, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Dark Mint, com a distância ΔE.
- Dark Mint Green #20C073 ΔE 0.018
- Algae Green #21C36F ΔE 0.020
- Greenblue #23C48B ΔE 0.030
- Cool Green #33B864 ΔE 0.031
- Soft Green #6FC276 ΔE 0.033
- Boring Green #63B365 ΔE 0.037
- Green Blue #01C08D ΔE 0.038
- Medium Sea Green #3CB371 ΔE 0.040
Mais sobre Dark Mint
Como fazer Dark Mint
Uma receita inicial com cores de tinta comuns, calculada com um modelo espectral de tinta (o modo tinta do misturador). Pigmentos reais variam: misture primeiro um pequeno teste e ajuste.
- 4 partes de verde
- 3 partes de branco
- 1 parte de amarelo
Resultado da receita: #63BC68, uma diferença de ΔE 0.021 em relação a Dark Mint. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Dark Mint em todos os formatos
| HEX | #48C072 |
| RGB | rgb(72, 192, 114) |
| HSL | hsl(141, 49%, 52%) |
| OKLCH | oklch(72.1% 0.156 151.8) |
Contraste
As razões de contraste do WCAG 2 são a meta de conformidade: o AA exige 4.5:1 para texto de corpo e 3:1 para texto grande; o AAA exige 7:1. Os valores Lc do APCA são uma orientação complementar dos rascunhos do WCAG 3.
| Combinação | WCAG 2 | Resultado | APCA | Orientação APCA |
|---|---|---|---|---|
| Texto branco sobre #48C072 | 2.31:1 | Não atende | Lc -50.2 | Texto grande ou em negrito, títulos |
| Texto preto sobre #48C072 | 9.05:1 | AAA | Lc 58.6 | Texto grande ou em negrito, títulos |
| Texto #48C072 sobre branco | 2.31:1 | Não atende | Lc 45.4 | Texto grande ou em negrito, títulos |
| Texto #48C072 sobre preto | 9.05:1 | AAA | Lc -56.7 | Texto grande ou em negrito, títulos |
Tons claros e escuros de Dark Mint
Uma escala de 50 a 950 criada em OKLCH: o matiz é mantido, a luminosidade segue uma curva parecida com a do Tailwind v4 e cada passo fica dentro da gama sRGB. Esta cor está no passo 400.
-
Passo 50
50
#EFF8F1
oklch(97% 0.013 152.6)
-
Passo 100
100
#DDF0E1
oklch(93.7% 0.028 151.9)
-
Passo 200
200
#C0E4C8
oklch(88.5% 0.054 151.8)
-
Passo 300
300
#90D3A1
oklch(80.9% 0.098 151.7)
-
Passo 400
400 (esta cor)
#48C072
oklch(72.1% 0.156 151.8)
-
Passo 500
500
#00A553
oklch(63.2% 0.167 151.8)
-
Passo 600
600
#008A45
oklch(55.5% 0.146 152)
-
Passo 700
700
#007539
oklch(49.2% 0.13 151.8)
-
Passo 800
800
#00602D
oklch(42.8% 0.114 151.6)
-
Passo 900
900
#005025
oklch(37.8% 0.1 151.8)
-
Passo 950
950
#003013
oklch(27.1% 0.072 151.4)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Dark Mint com daltonismo
Simulado com o modelo de Machado et al. (2009). ΔE é o quanto a cor se desloca: abaixo de cerca de 0.02 você não notaria a mudança.
| Visão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #C1B16C | 0.133 |
| Deuteranopia (sem cones verdes) | #B1A677 | 0.130 |
| Tritanopia (sem cones azuis) | #1BBDAD | 0.083 |
| Acromatopsia (sem cor) | #AAAAAA | 0.157 |
Use Dark Mint no seu produto
Transforme em papéis de interface claros e escuros com o contraste verificado e exporte para Tailwind v4, shadcn/ui, CSS ou design tokens.