Colore con nome · #165D95
Lapis Jewel
Lapis Jewel è #165D95: rgb(22 93 149), hsl(206 74% 34%), oklch(0.466 0.113 247.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Lapis Jewel color name →
#165D95
oklch(0.466 0.113 247.8)
Conversioni di colore
- HEX
- #165d95
- RGB
- rgb(22 93 149)
- HSL
- hsl(206 74% 34%)
- HWB
- hwb(206 9% 42%)
- OKLCH
- oklch(0.466 0.113 247.8)
- OKLab
- oklab(0.466 -0.043 -0.104)
- CIE Lab
- lab(37.57 -5.22 -37.41)
- LCH
- lch(37.57 37.77 262)
- CMYK
- cmyk(85% 38% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 336DA0
- 4A7DAB
- 618CB6
- 779CC0
- 8DACCB
- A3BDD5
- BACDE0
- D1DEEA
- E8EEF5
Ombre
- 125081
- 0D436D
- 09375A
- 062A48
- 031F37
- 021426
- 010A16
- 000308
- 000001
Toni
- 266193
- 336592
- 3E6990
- 486C8E
- 52708C
- 5C738A
- 657788
- 6E7A85
- 777D83
Armonie di colore
Complementare +180°
- 165D95
Lapis Jewel
- 7F4D00
≈ Gédéon Brown
Analogo -30° +30°
- 165D95
Lapis Jewel
- 006478
≈ Atlantis Myth
- 4C5197
≈ Blue Ember
Triadico +120° +240°
- 165D95
Lapis Jewel
- 8C3A4E
≈ Liaison
- 476510
≈ Camouflage Green
Complementare divisa +150° +210°
- 165D95
Lapis Jewel
- 8D3F27
≈ Fire
- 685900
≈ Ayahuasca Vine
Tetradico +90° +180° +270°
- 165D95
Lapis Jewel
- 803E70
≈ Bruise
- 7F4D00
≈ Gédéon Brown
- 006B41
≈ Clover Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.92:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.03:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.92:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--lapis-jewel: #165d95;
--lapis-jewel-rgb: 22 93 149;
--lapis-jewel-oklch: oklch(0.466 0.113 247.8);
}
.element {
color: var(--lapis-jewel);
background-color: hsl(206 74% 34%);
border-color: oklch(0.466 0.113 247.8);
}Tailwind CSS v4
@theme {
--color-lapis-jewel: #165d95;
--color-lapis-jewel-50: #ddf9ff;
--color-lapis-jewel-100: #ccecff;
--color-lapis-jewel-200: #b0d9ff;
--color-lapis-jewel-300: #8bbcef;
--color-lapis-jewel-400: #65a4de;
--color-lapis-jewel-500: #408bcd;
--color-lapis-jewel-600: #3876ad;
--color-lapis-jewel-700: #2c5e8b;
--color-lapis-jewel-800: #1c4667;
--color-lapis-jewel-900: #123048;
--color-lapis-jewel-950: #041c2f;
}SCSS
$lapis-jewel: #165d95;
$lapis-jewel-rgb: 22, 93, 149;
$lapis-jewel-light: mix(#fff, $lapis-jewel, 20%);
$lapis-jewel-dark: mix(#000, $lapis-jewel, 20%);
.element {
color: $lapis-jewel;
box-shadow: 0 0 0 2px rgba($lapis-jewel, 0.35);
}