Benannte Farbe · #095BAF
Bottled Sea
Bottled Sea ist #095BAF: rgb(9 91 175), hsl(210 90% 36%), oklch(0.477 0.152 255). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Bottled Sea color name →
#095BAF
oklch(0.477 0.152 255)
Farbumrechnungen
- HEX
- #095baf
- RGB
- rgb(9 91 175)
- HSL
- hsl(210 90% 36%)
- HWB
- hwb(210 4% 31%)
- OKLCH
- oklch(0.477 0.152 255)
- OKLab
- oklab(0.477 -0.039 -0.146)
- CIE Lab
- lab(38.13 3.79 -51.97)
- LCH
- lch(38.13 52.11 274.2)
- CMYK
- cmyk(95% 48% 0% 31%)
Tints · Shades · Tones
Tints
- 2C6CB8
- 457CC1
- 5D8DC9
- 739DD2
- 8AADDA
- A1BDE2
- B8CEE9
- CFDEF1
- E7EEF8
Shades
- 074E98
- 054181
- 03356B
- 022956
- 011E41
- 01132E
- 00091C
- 00030B
- 000001
Tones
- 1F60AB
- 2E64A7
- 3A68A3
- 456C9E
- 50709A
- 5A7495
- 647790
- 6D7A8B
- 777D86
Farbharmonien
Komplementär +180°
- 095BAF
Bottled Sea
- 7D5300
≈ Intense Brown
Analog -30° +30°
- 095BAF
Bottled Sea
- 006783
≈ Ansel
- 574AAD
≈ Swiss Plum
Triadisch +120° +240°
- 095BAF
Bottled Sea
- A02B40
≈ Crimson Strawberry
- 366D00
≈ Tatzelwurm Green
Geteilt komplementär +150° +210°
- 095BAF
Bottled Sea
- 983C00
≈ Hot Brown
- 665F00
≈ Green Brown
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.71:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.12:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--bottled-sea: #095baf;
--bottled-sea-rgb: 9 91 175;
--bottled-sea-oklch: oklch(0.477 0.152 255);
}
.element {
color: var(--bottled-sea);
background-color: hsl(210 90% 36%);
border-color: oklch(0.477 0.152 255);
}Tailwind CSS v4
@theme {
--color-bottled-sea: #095baf;
--color-bottled-sea-50: #daf8ff;
--color-bottled-sea-100: #c8eaff;
--color-bottled-sea-200: #abd7ff;
--color-bottled-sea-300: #84baff;
--color-bottled-sea-400: #5ca0f6;
--color-bottled-sea-500: #3486e7;
--color-bottled-sea-600: #2e72c3;
--color-bottled-sea-700: #245b9d;
--color-bottled-sea-800: #144375;
--color-bottled-sea-900: #0d2e52;
--color-bottled-sea-950: #011b37;
}SCSS
$bottled-sea: #095baf;
$bottled-sea-rgb: 9, 91, 175;
$bottled-sea-light: mix(#fff, $bottled-sea, 20%);
$bottled-sea-dark: mix(#000, $bottled-sea, 20%);
.element {
color: $bottled-sea;
box-shadow: 0 0 0 2px rgba($bottled-sea, 0.35);
}