Cor nomeada · #51559B
Governor Bay
Governor Bay é #51559B: rgb(81 85 155), hsl(237 31% 46%), oklch(0.48 0.111 278.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Governor Bay color name →
#51559B
oklch(0.48 0.111 278.9)
Conversões de cor
- HEX
- #51559b
- RGB
- rgb(81 85 155)
- HSL
- hsl(237 31% 46%)
- HWB
- hwb(237 32% 39%)
- OKLCH
- oklch(0.48 0.111 278.9)
- OKLab
- oklab(0.48 0.017 -0.11)
- CIE Lab
- lab(38.43 13.46 -39.41)
- LCH
- lch(38.43 41.65 288.9)
- CMYK
- cmyk(48% 45% 0% 39%)
Tons claros · Sombras · Tons
Tons claros
- 6065A5
- 7076B0
- 8086BA
- 9197C4
- A3A8CE
- B4B9D8
- C7CAE2
- D9DCEC
- ECEDF5
Sombras
- 454986
- 3A3D72
- 2F315E
- 24264B
- 1A1C39
- 101128
- 070818
- 020209
- 000001
Tons
- 555A99
- 5A5E97
- 5E6394
- 636792
- 676C8F
- 6C708C
- 71748A
- 767887
- 7B7C83
Harmonias de cor
Complementar +180°
- 51559B
Governor Bay
- 6C5E00
≈ Green Brown
Análoga -30° +30°
- 51559B
Governor Bay
- 206199
≈ Lapis Lazuli
- 704A8D
≈ Grapes of Italy
Tríade +120° +240°
- 51559B
Governor Bay
- 91442A
≈ Dark Brazilian Topaz
- 007046
≈ Diisha Green
Complementar dividida +150° +210°
- 51559B
Governor Bay
- 835100
≈ Medium Brown
- 4A691A
≈ Bowser Shell
Tétrade +90° +180° +270°
- 51559B
Governor Bay
- 913F51
≈ Umemurasaki Purple
- 6C5E00
≈ Green Brown
- 006C67
≈ Green Dragon
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.72:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.12:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--governor-bay: #51559b;
--governor-bay-rgb: 81 85 155;
--governor-bay-oklch: oklch(0.48 0.111 278.9);
}
.element {
color: var(--governor-bay);
background-color: hsl(237 31% 46%);
border-color: oklch(0.48 0.111 278.9);
}Tailwind CSS v4
@theme {
--color-governor-bay: #51559b;
--color-governor-bay-50: #eff2ff;
--color-governor-bay-100: #e0e4ff;
--color-governor-bay-200: #cbd0ff;
--color-governor-bay-300: #adb1f0;
--color-governor-bay-400: #9097df;
--color-governor-bay-500: #777dce;
--color-governor-bay-600: #656aae;
--color-governor-bay-700: #50558c;
--color-governor-bay-800: #393e68;
--color-governor-bay-900: #272b49;
--color-governor-bay-950: #151830;
}SCSS
$governor-bay: #51559b;
$governor-bay-rgb: 81, 85, 155;
$governor-bay-light: mix(#fff, $governor-bay, 20%);
$governor-bay-dark: mix(#000, $governor-bay, 20%);
.element {
color: $governor-bay;
box-shadow: 0 0 0 2px rgba($governor-bay, 0.35);
}