Paleta de cores Binary Runtime

Binary Runtime é uma paleta de 4 cores baseada em azuis-esverdeados e cianos. Em OKLCH, a luminosidade vai de 30% (#003436, escuro) a 96% (#DDF9FF, muito claro), e a cor mais saturada, #74B3CF, é moderadamente saturada. 4 das suas 4 cores cromáticas ficam no lado frio do círculo cromático. 3 dos seus 6 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como tecnologia, azul-petróleo, azuis, discretas, frias e para daltonismo.

TecnologiaAzul-petróleoAzuisDiscretasFriasPara daltonismo

Códigos de cor

CorHEXRGBHSLOKLCH
Midnight Green #003436 rgb(0, 52, 54) hsl(182, 100%, 11%) oklch(29.5% 0.05 198.9)
Teal #39766C rgb(57, 118, 108) hsl(170, 35%, 34%) oklch(52.2% 0.066 181.6)
Cool Steel #74B3CF rgb(116, 179, 207) hsl(198, 49%, 63%) oklch(73.4% 0.076 227.9)
Light Cyan #DDF9FF rgb(221, 249, 255) hsl(191, 100%, 93%) oklch(96.4% 0.03 212)

Acessibilidade

Os melhores pares de texto e fundo de Binary Runtime, pela razão de contraste WCAG 2, com o contraste de luminosidade APCA (Lc) do texto sobre o fundo.

ParWCAG 2NívelAPCA Lc
#DDF9FF sobre #003436 12.35:1 AAA Lc -95.6
#003436 sobre #74B3CF 5.89:1 AA Lc 52.2
#DDF9FF sobre #39766C 4.79:1 AA Lc -74.1

Visão de cores

Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia. Ela está marcada como segura para daltonismo: todos os pares ficam a pelo menos ΔE 0.14.

  • Protanopia

  • Deuteranopia

  • Tritanopia

  • Acromatopsia

Use no seu código

Instale estas cores como cores de tema do Tailwind CSS v4 com o shadcn: npx shadcn@latest add https://getcolors.so/r/palette/003436-39766c-74b3cf-ddf9ff.json.

Faça dela a sua

Edite as cores, crie com elas um sistema de cores completo nos modos claro e escuro ou veja tudo em uma interface real.

Gradientes com estas cores