Benannte Farbe · #015D75
Bosporus
Bosporus ist #015D75: rgb(1 93 117), hsl(192 98% 23%), oklch(0.444 0.083 223.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Bosporus color name →
#015D75
oklch(0.444 0.083 223.3)
Farbumrechnungen
- HEX
- #015d75
- RGB
- rgb(1 93 117)
- HSL
- hsl(192 98% 23%)
- HWB
- hwb(192 0% 54%)
- OKLCH
- oklch(0.444 0.083 223.3)
- OKLab
- oklab(0.444 -0.06 -0.057)
- CIE Lab
- lab(35.85 -17.2 -20.7)
- LCH
- lch(35.85 26.91 230.3)
- CMYK
- cmyk(99% 21% 0% 54%)
Tints · Shades · Tones
Tints
- 2A6C82
- 447C90
- 5C8B9D
- 739BAB
- 8AABB8
- A1BCC6
- B8CCD4
- CFDDE2
- E7EEF1
Shades
- 015065
- 014355
- 003746
- 002A37
- 001F29
- 00141C
- 000A0F
- 000305
- 000001
Tones
- 1C6176
- 2C6478
- 396879
- 456C7A
- 4F6F7B
- 59737C
- 63767D
- 6D797E
- 777D7F
Farbharmonien
Komplementär +180°
- 015D75
Bosporus
- 79432C
≈ Old Cumin
Analog -30° +30°
- 015D75
Bosporus
- 00615F
≈ Emerald Stone
- 315580
≈ Overtake
Triadisch +120° +240°
- 015D75
Bosporus
- 73405F
≈ Purple Drab
- 5C5515
≈ Olive Brown
Geteilt komplementär +150° +210°
- 015D75
Bosporus
- 7A3F46
≈ Amfissa Olive
- 6F4C16
≈ Hairy Brown
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.43:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.82:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.43:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--bosporus: #015d75;
--bosporus-rgb: 1 93 117;
--bosporus-oklch: oklch(0.444 0.083 223.3);
}
.element {
color: var(--bosporus);
background-color: hsl(192 98% 23%);
border-color: oklch(0.444 0.083 223.3);
}Tailwind CSS v4
@theme {
--color-bosporus: #015d75;
--color-bosporus-50: #ddfbff;
--color-bosporus-100: #cceefd;
--color-bosporus-200: #afdcef;
--color-bosporus-300: #89c1d8;
--color-bosporus-400: #65a9c2;
--color-bosporus-500: #3d92ae;
--color-bosporus-600: #367b93;
--color-bosporus-700: #2b6376;
--color-bosporus-800: #1c4957;
--color-bosporus-900: #13323c;
--color-bosporus-950: #041e26;
}SCSS
$bosporus: #015d75;
$bosporus-rgb: 1, 93, 117;
$bosporus-light: mix(#fff, $bosporus, 20%);
$bosporus-dark: mix(#000, $bosporus, 20%);
.element {
color: $bosporus;
box-shadow: 0 0 0 2px rgba($bosporus, 0.35);
}