Cor nomeada mais próxima · #436EA1
#436EA1
Cor nomeada mais próxima: Queen Blue
#436EA1 (rgb(67 110 161), hsl(213 41% 45%), oklch(0.53 0.094 253.6)) é mais próxima da cor nomeada Queen Blue. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#436EA1
oklch(0.53 0.094 253.6)
Conversões de cor
- HEX
- #436ea1
- RGB
- rgb(67 110 161)
- HSL
- hsl(213 41% 45%)
- HWB
- hwb(213 26% 37%)
- OKLCH
- oklch(0.53 0.094 253.6)
- OKLab
- oklab(0.53 -0.027 -0.09)
- CIE Lab
- lab(45.06 -3.25 -32.61)
- LCH
- lch(45.06 32.77 264.3)
- CMYK
- cmyk(58% 32% 0% 37%)
Tons claros · Sombras · Tons
Tons claros
- 557CAB
- 678AB4
- 7998BE
- 8CA7C7
- 9EB5D1
- B1C3DA
- C4D2E3
- D8E1ED
- EBF0F6
Sombras
- 395F8B
- 2F5076
- 264162
- 1D334E
- 14263C
- 0C192A
- 050E19
- 010409
- 000101
Tons
- 4A709E
- 50729B
- 577498
- 5D7695
- 637892
- 697A8E
- 6F7B8B
- 757D87
- 7A7E84
Harmonias de cor
Complementar +180°
- 436EA1
Queen Blue
- 8C6325
≈ Kumera
Análoga -30° +30°
- 436EA1
Queen Blue
- 147794
≈ Celestial
- 6564A0
≈ Blue Iris
Tríade +120° +240°
- 436EA1
Queen Blue
- 9A545C
≈ Cuban Rhythm
- 55783D
≈ Luck of the Irish
Complementar dividida +150° +210°
- 436EA1
Queen Blue
- 99593D
≈ Etruscan
- 756E24
≈ Olivetone
Tétrade +90° +180° +270°
- 436EA1
Queen Blue
- 91557A
≈ Sea Fan Fuchsia
- 8C6325
≈ Kumera
- 2B7D5D
≈ Verdant Green
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.27:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.98:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--queen-blue: #436ea1;
--queen-blue-rgb: 67 110 161;
--queen-blue-oklch: oklch(0.53 0.094 253.6);
}
.element {
color: var(--queen-blue);
background-color: hsl(213 41% 45%);
border-color: oklch(0.53 0.094 253.6);
}Tailwind CSS v4
@theme {
--color-queen-blue: #436ea1;
--color-queen-blue-50: #e4f7ff;
--color-queen-blue-100: #d4eaff;
--color-queen-blue-200: #bad7fd;
--color-queen-blue-300: #98bae7;
--color-queen-blue-400: #77a2d5;
--color-queen-blue-500: #5889c3;
--color-queen-blue-600: #4b74a5;
--color-queen-blue-700: #3c5d84;
--color-queen-blue-800: #294462;
--color-queen-blue-900: #1b2f45;
--color-queen-blue-950: #0c1c2d;
}SCSS
$queen-blue: #436ea1;
$queen-blue-rgb: 67, 110, 161;
$queen-blue-light: mix(#fff, $queen-blue, 20%);
$queen-blue-dark: mix(#000, $queen-blue, 20%);
.element {
color: $queen-blue;
box-shadow: 0 0 0 2px rgba($queen-blue, 0.35);
}