Benannte Farbe · #5E9EA0
Bali Bliss
Bali Bliss ist #5E9EA0: rgb(94 158 160), hsl(182 26% 50%), oklch(0.657 0.066 198.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Bali Bliss color name →
#5E9EA0
oklch(0.657 0.066 198.2)
Farbumrechnungen
- HEX
- #5e9ea0
- RGB
- rgb(94 158 160)
- HSL
- hsl(182 26% 50%)
- HWB
- hwb(182 37% 37%)
- OKLCH
- oklch(0.657 0.066 198.2)
- OKLab
- oklab(0.657 -0.063 -0.021)
- CIE Lab
- lab(60.9 -21.02 -7.87)
- LCH
- lch(60.9 22.45 200.5)
- CMYK
- cmyk(41% 1% 0% 37%)
Tints · Shades · Tones
Tints
- 6FA7A9
- 7FB1B2
- 8FBBBC
- 9FC4C5
- AFCECF
- BFD8D8
- CFE1E2
- DFEBEB
- EFF5F5
Shades
- 51898B
- 447476
- 376061
- 2B4D4E
- 1F3A3B
- 142929
- 0A1819
- 030909
- 000101
Tones
- 639B9D
- 67989A
- 6B9596
- 6F9293
- 728F90
- 758C8D
- 78898A
- 7B8686
- 7E8383
Farbharmonien
Komplementär +180°
- 5E9EA0
Bali Bliss
- B68182
≈ Minuet Rose
Analog -30° +30°
- 5E9EA0
Bali Bliss
- 689F8A
≈ Scotch Lassie
- 659AB1
≈ Yacht Blue
Triadisch +120° +240°
- 5E9EA0
Bali Bliss
- A385AC
≈ Heather
- A88D63
≈ Fossil Butte
Geteilt komplementär +150° +210°
- 5E9EA0
Bali Bliss
- B08198
≈ Heather Violet
- B3866E
≈ Light Mocha
Tetradisch +90° +180° +270°
- 5E9EA0
Bali Bliss
- 8F8BB8
≈ Butterfly Garden
- B68182
≈ Minuet Rose
- 959565
≈ Rhind Papyrus
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.05:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.87:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--bali-bliss: #5e9ea0;
--bali-bliss-rgb: 94 158 160;
--bali-bliss-oklch: oklch(0.657 0.066 198.2);
}
.element {
color: var(--bali-bliss);
background-color: hsl(182 26% 50%);
border-color: oklch(0.657 0.066 198.2);
}Tailwind CSS v4
@theme {
--color-bali-bliss: #5e9ea0;
--color-bali-bliss-50: #e0fbfd;
--color-bali-bliss-100: #d0eff1;
--color-bali-bliss-200: #b4dddf;
--color-bali-bliss-300: #90c2c5;
--color-bali-bliss-400: #6eabad;
--color-bali-bliss-500: #4b9496;
--color-bali-bliss-600: #417d7f;
--color-bali-bliss-700: #346466;
--color-bali-bliss-800: #244a4a;
--color-bali-bliss-900: #183333;
--color-bali-bliss-950: #081f1f;
}SCSS
$bali-bliss: #5e9ea0;
$bali-bliss-rgb: 94, 158, 160;
$bali-bliss-light: mix(#fff, $bali-bliss, 20%);
$bali-bliss-dark: mix(#000, $bali-bliss, 20%);
.element {
color: $bali-bliss;
box-shadow: 0 0 0 2px rgba($bali-bliss, 0.35);
}