Benannte Farbe · #1C5798
Florentine Lapis
Florentine Lapis ist #1C5798: rgb(28 87 152), hsl(211 69% 35%), oklch(0.455 0.122 253.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Florentine Lapis color name →
#1C5798
oklch(0.455 0.122 253.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 3567A3
- 4B78AE
- 6188B8
- 7799C3
- 8DAACD
- A3BAD7
- B9CBE1
- D0DCEB
- E8EEF5
Shades
- 174B84
- 123E70
- 0D335C
- 08274A
- 051C38
- 021227
- 010817
- 000308
- 000001
Tones
- 295C96
- 346094
- 3F6592
- 496990
- 526D8E
- 5C718B
- 657589
- 6E7986
- 777C83
Farbharmonien
Komplementär +180°
- 1C5798
Florentine Lapis
- 764D00
≈ Lucky Brown
Analog -30° +30°
- 1C5798
Florentine Lapis
- 006079
≈ Blue-Collar
- 504A97
≈ Liberty
Triadisch +120° +240°
- 1C5798
Florentine Lapis
- 8D3442
≈ Raspberry Fool
- 38640F
≈ Rainforest Matcha
Geteilt komplementär +150° +210°
- 1C5798
Florentine Lapis
- 8C3B10
≈ Espresso Martini
- 605800
≈ Ayahuasca Vine
Tetradisch +90° +180° +270°
- 1C5798
Florentine Lapis
- 833667
≈ Boysenberry
- 764D00
≈ Lucky Brown
- 006748
≈ Greens
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.32:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.86:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
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);
}