Colore con nome · #1C5798
Florentine Lapis
Florentine Lapis è #1C5798: rgb(28 87 152), hsl(211 69% 35%), oklch(0.455 0.122 253.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Florentine Lapis color name →
#1C5798
oklch(0.455 0.122 253.9)
Conversioni di colore
- HEX
- #1c5798
- RGB
- rgb(28 87 152)
- HSL
- hsl(211 69% 35%)
- HWB
- hwb(211 11% 40%)
- OKLCH
- oklch(0.455 0.122 253.9)
- OKLab
- oklab(0.455 -0.034 -0.117)
- CIE Lab
- lab(35.97 -0.03 -41.72)
- LCH
- lch(35.97 41.72 270)
- CMYK
- cmyk(82% 43% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 3567A3
- 4B78AE
- 6188B8
- 7799C3
- 8DAACD
- A3BAD7
- B9CBE1
- D0DCEB
- E8EEF5
Ombre
- 174B84
- 123E70
- 0D335C
- 08274A
- 051C38
- 021227
- 010817
- 000308
- 000001
Toni
- 295C96
- 346094
- 3F6592
- 496990
- 526D8E
- 5C718B
- 657589
- 6E7986
- 777C83
Armonie di colore
Complementare +180°
- 1C5798
Florentine Lapis
- 764D00
≈ Lucky Brown
Analogo -30° +30°
- 1C5798
Florentine Lapis
- 006079
≈ Blue-Collar
- 504A97
≈ Liberty
Triadico +120° +240°
- 1C5798
Florentine Lapis
- 8D3442
≈ Raspberry Fool
- 38640F
≈ Rainforest Matcha
Complementare divisa +150° +210°
- 1C5798
Florentine Lapis
- 8C3B10
≈ Espresso Martini
- 605800
≈ Ayahuasca Vine
Tetradico +90° +180° +270°
- 1C5798
Florentine Lapis
- 833667
≈ Boysenberry
- 764D00
≈ Lucky Brown
- 006748
≈ Greens
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.32:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.86:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--florentine-lapis: #1c5798;
--florentine-lapis-rgb: 28 87 152;
--florentine-lapis-oklch: oklch(0.455 0.122 253.9);
}
.element {
color: var(--florentine-lapis);
background-color: hsl(211 69% 35%);
border-color: oklch(0.455 0.122 253.9);
}Tailwind CSS v4
@theme {
--color-florentine-lapis: #1c5798;
--color-florentine-lapis-50: #dff7ff;
--color-florentine-lapis-100: #ceeaff;
--color-florentine-lapis-200: #b2d7ff;
--color-florentine-lapis-300: #8ebaf5;
--color-florentine-lapis-400: #6aa2e5;
--color-florentine-lapis-500: #4788d4;
--color-florentine-lapis-600: #3d73b3;
--color-florentine-lapis-700: #315c90;
--color-florentine-lapis-800: #1f446b;
--color-florentine-lapis-900: #152f4b;
--color-florentine-lapis-950: #061b32;
}SCSS
$florentine-lapis: #1c5798;
$florentine-lapis-rgb: 28, 87, 152;
$florentine-lapis-light: mix(#fff, $florentine-lapis, 20%);
$florentine-lapis-dark: mix(#000, $florentine-lapis, 20%);
.element {
color: $florentine-lapis;
box-shadow: 0 0 0 2px rgba($florentine-lapis, 0.35);
}