Dichtstbijzijnde benoemde kleur · #006A90
#006A90
Dichtstbijzijnde benoemde kleur: Hydra
#006A90 (rgb(0 106 144), hsl(196 100% 28%), oklch(0.492 0.1 232)) komt het dichtst bij de benoemde kleur Hydra. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#006A90
oklch(0.492 0.1 232)
Kleurconversies
- HEX
- #006a90
- RGB
- rgb(0 106 144)
- HSL
- hsl(196 100% 28%)
- HWB
- hwb(196 0% 44%)
- OKLCH
- oklch(0.492 0.1 232)
- OKLab
- oklab(0.492 -0.062 -0.079)
- CIE Lab
- lab(41.25 -15.52 -28.66)
- LCH
- lch(41.25 32.59 241.6)
- CMYK
- cmyk(100% 26% 0% 44%)
Tinten · Schaduwen · Tonen
Tinten
- 2D789B
- 4887A6
- 6095B1
- 77A4BC
- 8DB3C7
- A4C2D3
- BAD1DE
- D1E0E9
- E8F0F4
Schaduwen
- 005B7D
- 004D6A
- 003F57
- 003145
- 002434
- 001824
- 000D15
- 000407
- 000001
Tonen
- 1F6D8F
- 2F6F8D
- 3C718C
- 48748B
- 527689
- 5C7887
- 657A86
- 6E7C84
- 777E82
Kleurharmonieën
Complementair +180°
- 006A90
Hydra
- 8D4F25
≈ Plane Brown
Analoog -30° +30°
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- 006A90
Hydra
- 924747
≈ Cowhide
- 7D5A03
≈ Blackfire Earth
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.06:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.46:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 6.06:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--hydra: #006a90;
--hydra-rgb: 0 106 144;
--hydra-oklch: oklch(0.492 0.1 232);
}
.element {
color: var(--hydra);
background-color: hsl(196 100% 28%);
border-color: oklch(0.492 0.1 232);
}Tailwind CSS v4
@theme {
--color-hydra: #006a90;
--color-hydra-50: #dafbff;
--color-hydra-100: #c8eeff;
--color-hydra-200: #aadcf9;
--color-hydra-300: #83c0e3;
--color-hydra-400: #5ba9d0;
--color-hydra-500: #2e91bd;
--color-hydra-600: #297ba0;
--color-hydra-700: #216280;
--color-hydra-800: #14485e;
--color-hydra-900: #0d3242;
--color-hydra-950: #011e2a;
}SCSS
$hydra: #006a90;
$hydra-rgb: 0, 106, 144;
$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);
}