Cor nomeada · #6A76AF
Regal Azure
Regal Azure é #6A76AF: rgb(106 118 175), hsl(230 30% 55%), oklch(0.58 0.089 274.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Regal Azure color name →
#6A76AF
oklch(0.58 0.089 274.2)
Conversões de cor
- HEX
- #6a76af
- RGB
- rgb(106 118 175)
- HSL
- hsl(230 30% 55%)
- HWB
- hwb(230 42% 31%)
- OKLCH
- oklch(0.58 0.089 274.2)
- OKLab
- oklab(0.58 0.007 -0.089)
- CIE Lab
- lab(50.44 6.56 -32.16)
- LCH
- lch(50.44 32.82 281.5)
- CMYK
- cmyk(39% 33% 0% 31%)
Tons claros · Sombras · Tons
Tons claros
- 7883B7
- 8690C0
- 949EC8
- A2ABD0
- B1B9D8
- C0C7E0
- D0D5E8
- DFE3EF
- EFF1F7
Sombras
- 5B6698
- 4D5681
- 3F476B
- 313856
- 242941
- 181C2E
- 0D0F1C
- 04050B
- 000101
Tons
- 6C77AB
- 6E78A6
- 707AA1
- 737B9D
- 757C98
- 777D94
- 797E8F
- 7B7E8A
- 7E7F85
Harmonias de cor
Complementar +180°
- 6A76AF
Regal Azure
- 8B7937
≈ Baikō Brown
Análoga -30° +30°
- 6A76AF
Regal Azure
- 4980AB
≈ Neapolitan Blue
- 866DA5
≈ Babiana
Tríade +120° +240°
- 6A76AF
Regal Azure
- A86656
≈ Sun Baked Earth
- 4C8A62
≈ Spring Garden
Complementar dividida +150° +210°
- 6A76AF
Regal Azure
- 9F6E3E
≈ Desert Clay
- 6F8346
≈ Happy Camper
Tétrade +90° +180° +270°
- 6A76AF
Regal Azure
- A66374
≈ Heather Rose
- 8B7937
≈ Baikō Brown
- 2B8B80
≈ Copper Turquoise
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.35:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.82:1 · APCA Lc 32
Melhor cor de texto: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Trechos de código
CSS
:root {
--regal-azure: #6a76af;
--regal-azure-rgb: 106 118 175;
--regal-azure-oklch: oklch(0.58 0.089 274.2);
}
.element {
color: var(--regal-azure);
background-color: hsl(230 30% 55%);
border-color: oklch(0.58 0.089 274.2);
}Tailwind CSS v4
@theme {
--color-regal-azure: #6a76af;
--color-regal-azure-50: #eef4ff;
--color-regal-azure-100: #dfe6ff;
--color-regal-azure-200: #c9d2fb;
--color-regal-azure-300: #abb4e5;
--color-regal-azure-400: #8e9bd3;
--color-regal-azure-500: #7481c1;
--color-regal-azure-600: #626ea3;
--color-regal-azure-700: #4e5883;
--color-regal-azure-800: #384061;
--color-regal-azure-900: #262c44;
--color-regal-azure-950: #14192c;
}SCSS
$regal-azure: #6a76af;
$regal-azure-rgb: 106, 118, 175;
$regal-azure-light: mix(#fff, $regal-azure, 20%);
$regal-azure-dark: mix(#000, $regal-azure, 20%);
.element {
color: $regal-azure;
box-shadow: 0 0 0 2px rgba($regal-azure, 0.35);
}