Cor nomeada mais próxima · #006A9A
#006A9A
Cor nomeada mais próxima: Hydra
#006A9A (rgb(0 106 154), hsl(199 100% 30%), oklch(0.498 0.111 238.3)) é mais próxima da cor nomeada Hydra. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#006A9A
oklch(0.498 0.111 238.3)
Conversões de cor
- HEX
- #006a9a
- RGB
- rgb(0 106 154)
- HSL
- hsl(199 100% 30%)
- HWB
- hwb(199 0% 40%)
- OKLCH
- oklch(0.498 0.111 238.3)
- OKLab
- oklab(0.498 -0.058 -0.094)
- CIE Lab
- lab(41.68 -12.33 -33.94)
- LCH
- lch(41.68 36.11 250)
- CMYK
- cmyk(100% 31% 0% 40%)
Tons claros · Sombras · Tons
Tons claros
- 2D79A4
- 4887AF
- 6096B9
- 77A5C3
- 8DB3CD
- A4C2D7
- BAD1E1
- D1E0EB
- E8F0F5
Sombras
- 005B85
- 004D71
- 003F5E
- 00314B
- 002439
- 001827
- 000D17
- 000409
- 000001
Tons
- 1F6D98
- 2F6F96
- 3C7293
- 487491
- 52768E
- 5C788C
- 657A89
- 6F7C86
- 777E83
Harmonias de cor
Complementar +180°
- 006A9A
Hydra
- 905012
≈ Plain Old Brown
Análoga -30° +30°
- 006A9A
Hydra
- 00707C
≈ Iridescent Peacock
- 485EA2
≈ Bio Blue
Tríade +120° +240°
- 006A9A
Hydra
- 934562
≈ Raspberry Pudding
- 5D6B0D
≈ Mud Green
Complementar dividida +150° +210°
- 006A9A
Hydra
- 98473D
≈ Mojo
- 7B5E00
≈ Hè Sè Brown
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.95:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.52:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--hydra: #006a9a;
--hydra-rgb: 0 106 154;
--hydra-oklch: oklch(0.498 0.111 238.3);
}
.element {
color: var(--hydra);
background-color: hsl(199 100% 30%);
border-color: oklch(0.498 0.111 238.3);
}Tailwind CSS v4
@theme {
--color-hydra: #006a9a;
--color-hydra-50: #dafaff;
--color-hydra-100: #c7eeff;
--color-hydra-200: #aadbff;
--color-hydra-300: #82bfeb;
--color-hydra-400: #5aa8d8;
--color-hydra-500: #2b8fc7;
--color-hydra-600: #2779a8;
--color-hydra-700: #1f6187;
--color-hydra-800: #124863;
--color-hydra-900: #0b3246;
--color-hydra-950: #001d2d;
}SCSS
$hydra: #006a9a;
$hydra-rgb: 0, 106, 154;
$hydra-light: mix(#fff, $hydra, 20%);
$hydra-dark: mix(#000, $hydra, 20%);
.element {
color: $hydra;
box-shadow: 0 0 0 2px rgba($hydra, 0.35);
}