Cool Steel #97A7B3

Cool Steel é um tom médio-claro próximo ao cinza neutro, com código hex #97A7B3 e RGB rgb(151, 167, 179).

Aa

O texto preto é o que melhor se lê sobre esta cor (8.49:1).

Sobre esta cor

#97A7B3 é um tom médio-claro próximo ao cinza neutro. Em OKLCH, a luminosidade é 72%, o croma 0.025. Tem croma baixo demais para pender para o quente ou para o frio. É a cor com nome Cool Steel. O texto preto é o que melhor se lê sobre esta cor, com 8.49:1.

Família de matizNeutros
Luminosidademédio-claro (72%)
Cromapróximo ao cinza neutro (0.025)
Temperaturaneutro
Nome mais próximoCool Steel
Texto preto8.49:1
Texto branco2.47:1

Cores que combinam com Cool Steel

Combinações obtidas ao girar Cool Steel pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.

Complementar

O matiz oposto (180°).

Abra a paleta complementar no gerador

Análogo

Matizes vizinhos, 30° para cada lado.

Abra a paleta análoga no gerador

Tríade

Três matizes espaçados em 120°.

Abra a paleta em tríade no gerador

Paletas de cores com Cool Steel

Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Cool Steel, da mais próxima à mais distante.

Cores com nome parecidas

As oito cores com nome mais próximas de Cool Steel, com a distância ΔE.

Mais sobre Cool Steel

Como fazer Cool Steel

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.

  • 3 partes de cinza
  • 2 partes de branco
  • 1 parte de azul

Resultado da receita: #91A7AF, uma diferença de ΔE 0.011 em relação a Cool Steel. Fica muito próximo: a maioria das pessoas não verá a diferença.

Que cores formam o cinza? | Tabela de mistura de cores

Códigos de Cool Steel em todos os formatos

HEX#97A7B3
RGBrgb(151, 167, 179)
HSLhsl(206, 16%, 65%)
OKLCHoklch(72% 0.025 240.2)

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çãoWCAG 2ResultadoAPCAOrientação APCA
Texto branco sobre #97A7B3 2.47:1 Não atende Lc -53.7 Texto grande ou em negrito, títulos
Texto preto sobre #97A7B3 8.49:1 AAA Lc 55.4 Texto grande ou em negrito, títulos
Texto #97A7B3 sobre branco 2.47:1 Não atende Lc 48.6 Texto grande ou em negrito, títulos
Texto #97A7B3 sobre preto 8.49:1 AAA Lc -53.4 Texto grande ou em negrito, títulos

Tons claros e escuros de Cool Steel

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.

  1. Passo 50

    50

    #F4F6F7

    oklch(97.2% 0.003 228.8)

  2. Passo 100

    100

    #E7EAED

    oklch(93.6% 0.005 247.9)

  3. Passo 200

    200

    #D4DADE

    oklch(88.5% 0.009 236.6)

  4. Passo 300

    300

    #B8C2CA

    oklch(80.9% 0.016 241.8)

  5. Passo 400

    400 (esta cor)

    #97A7B3

    oklch(72% 0.025 240.2)

  6. Passo 500

    500

    #798C9B

    oklch(63% 0.032 241.9)

  7. Passo 600

    600

    #617686

    oklch(55.5% 0.035 241.1)

  8. Passo 700

    700

    #506372

    oklch(49% 0.033 242.2)

  9. Passo 800

    800

    #42515C

    oklch(42.6% 0.026 240)

  10. Passo 900

    900

    #38434C

    oklch(37.7% 0.021 243)

  11. Passo 950

    950

    #21272C

    oklch(26.9% 0.013 243.3)

Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind

Cool Steel 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ãoVista comoMudança (ΔE)
Protanopia (sem cones vermelhos)#A2A7B40.015
Deuteranopia (sem cones verdes)#9EA3B30.014
Tritanopia (sem cones azuis)#90AAAB0.019
Acromatopsia (sem cor)#A5A5A50.025

Use Cool Steel 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.