Colore con nome · #26619C
Lapis Lazuli
Lapis Lazuli è #26619C: rgb(38 97 156), hsl(210 61% 38%), oklch(0.484 0.113 251.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Lapis Lazuli color name →
#26619C
oklch(0.484 0.113 251.3)
Conversioni di colore
- HEX
- #26619c
- RGB
- rgb(38 97 156)
- HSL
- hsl(210 61% 38%)
- HWB
- hwb(210 15% 39%)
- OKLCH
- oklch(0.484 0.113 251.3)
- OKLab
- oklab(0.484 -0.036 -0.107)
- CIE Lab
- lab(39.61 -3.18 -38.33)
- LCH
- lch(39.61 38.46 265.3)
- CMYK
- cmyk(76% 38% 0% 39%)
Tinte · Ombre · Toni
Tinte
- 3D70A6
- 5380B1
- 688FBB
- 7D9FC5
- 92AFCF
- A7BED8
- BDCEE2
- D2DEEC
- E9EFF5
Ombre
- 205387
- 194673
- 13395F
- 0D2D4C
- 082139
- 041528
- 020B18
- 010309
- 000001
Toni
- 31659A
- 3C6897
- 456B95
- 4E6F92
- 577290
- 5F758D
- 68788A
- 707B87
- 787D83
Armonie di colore
Complementare +180°
- 26619C
Lapis Lazuli
- 835300
≈ Intense Brown
Analogo -30° +30°
- 26619C
Lapis Lazuli
- 006A82
≈ Pilot Blue
- 55559C
≈ Governor Bay
Triadico +120° +240°
- 26619C
Lapis Lazuli
- 93404E
≈ Banana Blossom
- 476B1E
≈ Over the Hills
Complementare divisa +150° +210°
- 26619C
Lapis Lazuli
- 924527
≈ Dark Brazilian Topaz
- 6B6000
≈ Green Brown
Tetradico +90° +180° +270°
- 26619C
Lapis Lazuli
- 884271
≈ Club Mauve
- 835300
≈ Intense Brown
- 00714B
≈ Aquadazzle
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.41:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.27:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.41:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--lapis-lazuli: #26619c;
--lapis-lazuli-rgb: 38 97 156;
--lapis-lazuli-oklch: oklch(0.484 0.113 251.3);
}
.element {
color: var(--lapis-lazuli);
background-color: hsl(210 61% 38%);
border-color: oklch(0.484 0.113 251.3);
}Tailwind CSS v4
@theme {
--color-lapis-lazuli: #26619c;
--color-lapis-lazuli-50: #dff8ff;
--color-lapis-lazuli-100: #ceebff;
--color-lapis-lazuli-200: #b3d8ff;
--color-lapis-lazuli-300: #8ebbf0;
--color-lapis-lazuli-400: #6ba3df;
--color-lapis-lazuli-500: #488ace;
--color-lapis-lazuli-600: #3e75ae;
--color-lapis-lazuli-700: #315d8c;
--color-lapis-lazuli-800: #204568;
--color-lapis-lazuli-900: #153049;
--color-lapis-lazuli-950: #061c30;
}SCSS
$lapis-lazuli: #26619c;
$lapis-lazuli-rgb: 38, 97, 156;
$lapis-lazuli-light: mix(#fff, $lapis-lazuli, 20%);
$lapis-lazuli-dark: mix(#000, $lapis-lazuli, 20%);
.element {
color: $lapis-lazuli;
box-shadow: 0 0 0 2px rgba($lapis-lazuli, 0.35);
}