Cor nomeada mais próxima · #6167A8
#6167A8
Cor nomeada mais próxima: Bellflower
#6167A8 (rgb(97 103 168), hsl(235 29% 52%), oklch(0.538 0.101 278.4)) é mais próxima da cor nomeada Bellflower. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#6167A8
oklch(0.538 0.101 278.4)
Conversões de cor
- HEX
- #6167a8
- RGB
- rgb(97 103 168)
- HSL
- hsl(235 29% 52%)
- HWB
- hwb(235 38% 34%)
- OKLCH
- oklch(0.538 0.101 278.4)
- OKLab
- oklab(0.538 0.015 -0.1)
- CIE Lab
- lab(45.3 10.75 -36.17)
- LCH
- lch(45.3 37.74 286.6)
- CMYK
- cmyk(42% 39% 0% 34%)
Tons claros · Sombras · Tons
Tons claros
- 6F76B1
- 7E84BA
- 8D93C3
- 9CA2CC
- ACB1D5
- BCC1DD
- CCD0E6
- DDDFEE
- EEEFF7
Sombras
- 535992
- 464B7C
- 393D67
- 2D3052
- 21233F
- 15172C
- 0B0C1A
- 03040A
- 000001
Tons
- 646AA4
- 676DA1
- 6A6F9D
- 6D7299
- 707495
- 737791
- 76798D
- 797C89
- 7D7E84
Harmonias de cor
Complementar +180°
- 6167A8
Bellflower
- 7D6E1A
≈ Tarnished Brass
Análoga -30° +30°
- 6167A8
Bellflower
- 3972A6
≈ Flat Blue
- 7F5D9B
≈ Jubilee
Tríade +120° +240°
- 6167A8
Bellflower
- 9F5740
≈ Ceramic Brown
- 2F8057
≈ Kākāriki Green
Complementar dividida +150° +210°
- 6167A8
Bellflower
- 946222
≈ Tapenade
- 5C7935
≈ Luck of the Irish
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--bellflower: #6167a8;
--bellflower-rgb: 97 103 168;
--bellflower-oklch: oklch(0.538 0.101 278.4);
}
.element {
color: var(--bellflower);
background-color: hsl(235 29% 52%);
border-color: oklch(0.538 0.101 278.4);
}Tailwind CSS v4
@theme {
--color-bellflower: #6167a8;
--color-bellflower-50: #eff3ff;
--color-bellflower-100: #e1e5ff;
--color-bellflower-200: #cbd0ff;
--color-bellflower-300: #adb2eb;
--color-bellflower-400: #9198da;
--color-bellflower-500: #777ec8;
--color-bellflower-600: #656ba9;
--color-bellflower-700: #515688;
--color-bellflower-800: #393f65;
--color-bellflower-900: #272b47;
--color-bellflower-950: #15182e;
}SCSS
$bellflower: #6167a8;
$bellflower-rgb: 97, 103, 168;
$bellflower-light: mix(#fff, $bellflower, 20%);
$bellflower-dark: mix(#000, $bellflower, 20%);
.element {
color: $bellflower;
box-shadow: 0 0 0 2px rgba($bellflower, 0.35);
}