Benoemde kleur · #6D83BB
Orbital
Orbital is #6D83BB: rgb(109 131 187), hsl(223 36% 58%), oklch(0.616 0.089 267.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Orbital color name →
#6D83BB
oklch(0.616 0.089 267.3)
Kleurconversies
- HEX
- #6d83bb
- RGB
- rgb(109 131 187)
- HSL
- hsl(223 36% 58%)
- HWB
- hwb(223 43% 27%)
- OKLCH
- oklch(0.616 0.089 267.3)
- OKLab
- oklab(0.616 -0.004 -0.089)
- CIE Lab
- lab(54.75 2.97 -32.34)
- LCH
- lch(54.75 32.48 275.2)
- CMYK
- cmyk(42% 30% 0% 27%)
Tinten · Schaduwen · Tonen
Tinten
- 7B8FC2
- 889BC9
- 97A7D0
- A5B4D7
- B3C0DE
- C2CCE5
- D1D9EB
- E0E6F2
- F0F2F9
Schaduwen
- 5E71A2
- 4F608A
- 414F73
- 333F5C
- 262F46
- 192032
- 0D121F
- 04060D
- 010102
Tonen
- 6F83B5
- 7183AF
- 7383AA
- 7582A4
- 77829E
- 788298
- 7A8192
- 7C818C
- 7E8186
Kleurharmonieën
Complementair +180°
- 6D83BB
Orbital
- 9C8141
≈ Wild Olive
Analoog -30° +30°
- 6D83BB
Orbital
- 4C8DB4
≈ Atlantic Gull
- 8B79B4
≈ Paisley Purple
Triadisch +120° +240°
- 6D83BB
Orbital
- B46F67
≈ Terra Tone
- 5F9465
≈ Arizona Tree Frog
Gesplitst complementair +150° +210°
- 6D83BB
Orbital
- AD774D
≈ Brown Sugar
- 818C4C
≈ Camo
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.74:1 · APCA Lc 65
Ag
AAOp zwart
WCAG 5.61:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
CSS
:root {
--orbital: #6d83bb;
--orbital-rgb: 109 131 187;
--orbital-oklch: oklch(0.616 0.089 267.3);
}
.element {
color: var(--orbital);
background-color: hsl(223 36% 58%);
border-color: oklch(0.616 0.089 267.3);
}Tailwind CSS v4
@theme {
--color-orbital: #6d83bb;
--color-orbital-50: #ebf5ff;
--color-orbital-100: #dce7ff;
--color-orbital-200: #c5d3fb;
--color-orbital-300: #a5b6e6;
--color-orbital-400: #879dd4;
--color-orbital-500: #6c84c2;
--color-orbital-600: #5c70a3;
--color-orbital-700: #495983;
--color-orbital-800: #334261;
--color-orbital-900: #232d44;
--color-orbital-950: #121a2c;
}SCSS
$orbital: #6d83bb;
$orbital-rgb: 109, 131, 187;
$orbital-light: mix(#fff, $orbital, 20%);
$orbital-dark: mix(#000, $orbital, 20%);
.element {
color: $orbital;
box-shadow: 0 0 0 2px rgba($orbital, 0.35);
}