Bright Sky Blue #02CCFE
Bright Sky Blue é um verde-azulado ou ciano claro e vívido, com código hex #02CCFE e RGB rgb(2, 204, 254).
Aa
O texto preto é o que melhor se lê sobre esta cor (11.07:1).
Sobre esta cor
#02CCFE é um verde-azulado ou ciano claro e vívido. Em OKLCH, a luminosidade é 79%, o croma 0.147 e o matiz 224°. O matiz fica do lado frio do círculo cromático. É a cor com nome Bright Sky Blue. O texto preto é o que melhor se lê sobre esta cor, com 11.07:1.
| Família de matiz | Verde-azulados e cianos |
| Luminosidade | claro (79%) |
| Croma | vívido (0.147) |
| Temperatura | frio |
| Nome mais próximo | Bright Sky Blue |
| Texto preto | 11.07:1 |
| Texto branco | 1.89:1 |
Cores que combinam com Bright Sky Blue
Combinações obtidas ao girar Bright Sky Blue 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 Bright Sky Blue
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Bright Sky Blue, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Bright Sky Blue, com a distância ΔE.
- Vivid Sky Blue #4CC9F0 ΔE 0.026
- Deep Sky Blue #00BFFF ΔE 0.037
- Aqua Blue #02D8E9 ΔE 0.052
- Lightblue #7BC8F6 ΔE 0.055
- Sky #82CAFC ΔE 0.062
- Dark Turquoise #00CED1 ΔE 0.068
- Light Sky Blue #87CEFA ΔE 0.069
- Sky Blue #87CEEB ΔE 0.072
Mais sobre Bright Sky Blue
Como fazer Bright Sky Blue
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.
- 2 partes de branco
- 1 parte de azul
Resultado da receita: #92C6F0, uma diferença de ΔE 0.079 em relação a Bright Sky Blue. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.
Códigos de Bright Sky Blue em todos os formatos
| HEX | #02CCFE |
| RGB | rgb(2, 204, 254) |
| HSL | hsl(192, 99%, 50%) |
| OKLCH | oklch(78.5% 0.147 223.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 #02CCFE | 1.89:1 | Não atende | Lc -39.6 | Elementos que não são texto, texto de placeholder |
| Texto preto sobre #02CCFE | 11.07:1 | AAA | Lc 68.5 | Texto de conteúdo, não para leitura longa |
| Texto #02CCFE sobre branco | 1.89:1 | Não atende | Lc 35.4 | Elementos que não são texto, texto de placeholder |
| Texto #02CCFE sobre preto | 11.07:1 | AAA | Lc -67.1 | Texto de conteúdo, não para leitura longa |
Tons claros e escuros de Bright Sky Blue
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 300.
-
Passo 50
50
#E9F9FF
oklch(97.2% 0.019 222.2)
-
Passo 100
100
#CDF1FF
oklch(93.7% 0.042 223.3)
-
Passo 200
200
#A1E5FF
oklch(88.5% 0.077 223.8)
-
Passo 300
300 (esta cor)
#02CCFE
oklch(78.5% 0.147 223.8)
-
Passo 400
400
#00B1DD
oklch(70.6% 0.133 223.9)
-
Passo 500
500
#0098BE
oklch(63.1% 0.118 223.7)
-
Passo 600
600
#0080A0
oklch(55.7% 0.104 223.4)
-
Passo 700
700
#006B87
oklch(49% 0.092 224)
-
Passo 800
800
#00586F
oklch(42.7% 0.08 223.4)
-
Passo 900
900
#00495D
oklch(37.7% 0.071 223.8)
-
Passo 950
950
#002B39
oklch(26.9% 0.051 225.5)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Bright Sky Blue 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) | #B0C7FF | 0.114 |
| Deuteranopia (sem cones verdes) | #94B3FD | 0.100 |
| Tritanopia (sem cones azuis) | #00DBDC | 0.074 |
| Acromatopsia (sem cor) | #BCBCBC | 0.147 |
Use Bright Sky Blue 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.