Benannte Farbe · #215F96
Lapis Lazuli Blue
Lapis Lazuli Blue ist #215F96: rgb(33 95 150), hsl(208 64% 36%), oklch(0.474 0.109 249.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Lapis Lazuli Blue color name →
#215F96
oklch(0.474 0.109 249.1)
Farbumrechnungen
- HEX
- #215f96
- RGB
- rgb(33 95 150)
- HSL
- hsl(208 64% 36%)
- HWB
- hwb(208 13% 41%)
- OKLCH
- oklch(0.474 0.109 249.1)
- OKLab
- oklab(0.474 -0.039 -0.102)
- CIE Lab
- lab(38.54 -4.67 -36.45)
- LCH
- lch(38.54 36.75 262.7)
- CMYK
- cmyk(78% 37% 0% 41%)
Tints · Shades · Tones
Tints
- 3A6FA1
- 507EAC
- 658EB6
- 7A9DC1
- 90ADCB
- A6BDD6
- BCCEE0
- D2DEEB
- E8EEF5
Shades
- 1B5282
- 16446E
- 10385B
- 0B2C49
- 062037
- 031526
- 010A16
- 000308
- 000001
Tones
- 2E6394
- 396692
- 436A91
- 4C6D8F
- 55718C
- 5E748A
- 677788
- 6F7A85
- 787D83
Farbharmonien
Komplementär +180°
- 215F96
Lapis Lazuli Blue
- 814F00
≈ Medium Brown
Analog -30° +30°
- 215F96
Lapis Lazuli Blue
- 00677D
≈ Tahitian Tide
- 505398
≈ Governor Bay
Triadisch +120° +240°
- 215F96
Lapis Lazuli Blue
- 8E3E4F
≈ Liaison
- 48671B
≈ Forestial Outpost
Geteilt komplementär +150° +210°
- 215F96
Lapis Lazuli Blue
- 8E432A
≈ Sedona Stone
- 6A5C00
≈ Brussels Sprout Green
Tetradisch +90° +180° +270°
- 215F96
Lapis Lazuli Blue
- 834170
≈ Club Mauve
- 814F00
≈ Medium Brown
- 006E45
≈ Rainforest Retreat
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.68:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.14:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--lapis-lazuli-blue: #215f96;
--lapis-lazuli-blue-rgb: 33 95 150;
--lapis-lazuli-blue-oklch: oklch(0.474 0.109 249.1);
}
.element {
color: var(--lapis-lazuli-blue);
background-color: hsl(208 64% 36%);
border-color: oklch(0.474 0.109 249.1);
}Tailwind CSS v4
@theme {
--color-lapis-lazuli-blue: #215f96;
--color-lapis-lazuli-blue-50: #dff8ff;
--color-lapis-lazuli-blue-100: #ceebff;
--color-lapis-lazuli-blue-200: #b2d8ff;
--color-lapis-lazuli-blue-300: #8ebcee;
--color-lapis-lazuli-blue-400: #6aa3dc;
--color-lapis-lazuli-blue-500: #478bcb;
--color-lapis-lazuli-blue-600: #3d75ab;
--color-lapis-lazuli-blue-700: #305e89;
--color-lapis-lazuli-blue-800: #204566;
--color-lapis-lazuli-blue-900: #153048;
--color-lapis-lazuli-blue-950: #061c2f;
}SCSS
$lapis-lazuli-blue: #215f96;
$lapis-lazuli-blue-rgb: 33, 95, 150;
$lapis-lazuli-blue-light: mix(#fff, $lapis-lazuli-blue, 20%);
$lapis-lazuli-blue-dark: mix(#000, $lapis-lazuli-blue, 20%);
.element {
color: $lapis-lazuli-blue;
box-shadow: 0 0 0 2px rgba($lapis-lazuli-blue, 0.35);
}