Dichtstbijzijnde benoemde kleur · #0081FF
#0081FF
Dichtstbijzijnde benoemde kleur: Azure
#0081FF (rgb(0 129 255), hsl(210 100% 50%), oklch(0.617 0.21 255.9)) komt het dichtst bij de benoemde kleur Azure. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#0081FF
oklch(0.617 0.21 255.9)
Kleurconversies
- HEX
- #0081ff
- RGB
- rgb(0 129 255)
- HSL
- hsl(210 100% 50%)
- HWB
- hwb(210 0% 0%)
- OKLCH
- oklch(0.617 0.21 255.9)
- OKLab
- oklab(0.617 -0.051 -0.203)
- CIE Lab
- lab(53.81 8.09 -72.1)
- LCH
- lch(53.81 72.56 276.4)
- CMYK
- cmyk(100% 49% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- 338FFF
- 4F9DFF
- 67AAFF
- 7DB7FF
- 93C3FF
- A9D0FF
- BEDCFF
- D4E8FF
- E9F3FF
Schaduwen
- 006FDE
- 005EBE
- 004E9E
- 003E80
- 002E63
- 001F48
- 00122E
- 000616
- 000103
Tonen
- 2382F3
- 3583E6
- 4284DA
- 4D85CD
- 5785C1
- 6084B4
- 6984A7
- 71839B
- 79818D
Kleurharmonieën
Complementair +180°
- 0081FF
Azure
- B17800
≈ Golden Brown
Analoog -30° +30°
- 0081FF
Azure
- 0093BB
≈ Blue Danube
- 8068FB
≈ Purple Anemone
Triadisch +120° +240°
- 0081FF
Azure
- E73859
≈ Desire
- 4C9C00
≈ Grassy Green
Gesplitst complementair +150° +210°
- 0081FF
Azure
- D65A00
≈ Exuberance
- 918900
≈ Medusa Green
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.76:1 · APCA Lc 64
Ag
AAOp zwart
WCAG 5.58:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
CSS
:root {
--azure: #0081ff;
--azure-rgb: 0 129 255;
--azure-oklch: oklch(0.617 0.21 255.9);
}
.element {
color: var(--azure);
background-color: hsl(210 100% 50%);
border-color: oklch(0.617 0.21 255.9);
}Tailwind CSS v4
@theme {
--color-azure: #0081ff;
--color-azure-50: #d0f8ff;
--color-azure-100: #bceaff;
--color-azure-200: #9bd6ff;
--color-azure-300: #70b7ff;
--color-azure-400: #3a9dff;
--color-azure-500: #007fff;
--color-azure-600: #006ce2;
--color-azure-700: #0057b6;
--color-azure-800: #004088;
--color-azure-900: #002c60;
--color-azure-950: #001942;
}SCSS
$azure: #0081ff;
$azure-rgb: 0, 129, 255;
$azure-light: mix(#fff, $azure, 20%);
$azure-dark: mix(#000, $azure, 20%);
.element {
color: $azure;
box-shadow: 0 0 0 2px rgba($azure, 0.35);
}