Benannte Farbe · #6FC0B1
Fiesta Blue
Fiesta Blue ist #6FC0B1: rgb(111 192 177), hsl(169 39% 59%), oklch(0.752 0.083 180.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Fiesta Blue color name →
#6FC0B1
oklch(0.752 0.083 180.7)
Farbumrechnungen
- HEX
- #6fc0b1
- RGB
- rgb(111 192 177)
- HSL
- hsl(169 39% 59%)
- HWB
- hwb(169 44% 25%)
- OKLCH
- oklch(0.752 0.083 180.7)
- OKLab
- oklab(0.752 -0.083 -0.001)
- CIE Lab
- lab(72.22 -28.69 -0.61)
- LCH
- lch(72.22 28.7 181.2)
- CMYK
- cmyk(42% 0% 8% 25%)
Tints · Shades · Tones
Tints
- 7FC6B9
- 8ECDC0
- 9DD3C8
- ABD9D0
- B9E0D7
- C8E6DF
- D5ECE7
- E3F2EF
- F1F9F7
Shades
- 60A799
- 518E83
- 42766C
- 345F57
- 274942
- 1A342F
- 0E201C
- 040E0C
- 010201
Tones
- 72BAAC
- 75B3A7
- 78ADA2
- 7AA69D
- 7BA098
- 7D9993
- 7E938E
- 7F8D8A
- 808685
Farbharmonien
Komplementär +180°
- 6FC0B1
Fiesta Blue
- DB99AB
≈ Blush Bomb
Analog -30° +30°
- 6FC0B1
Fiesta Blue
- 88BE93
≈ Country Weekend
- 6BBDCC
≈ Delusional Dragonfly
Triadisch +120° +240°
- 6FC0B1
Fiesta Blue
- B7A3DB
≈ Enchanted Lavender
- D6A278
≈ Rhino Tusk
Geteilt komplementär +150° +210°
- 6FC0B1
Fiesta Blue
- CD9BC7
≈ Clover Pink
- DE9B8F
≈ Rhapsodic
Tetradisch +90° +180° +270°
- 6FC0B1
Fiesta Blue
- 9AACE4
≈ Blue Skies Today
- DB99AB
≈ Blush Bomb
- C2AD70
≈ Dried Moss
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.85:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.85:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--fiesta-blue: #6fc0b1;
--fiesta-blue-rgb: 111 192 177;
--fiesta-blue-oklch: oklch(0.752 0.083 180.7);
}
.element {
color: var(--fiesta-blue);
background-color: hsl(169 39% 59%);
border-color: oklch(0.752 0.083 180.7);
}Tailwind CSS v4
@theme {
--color-fiesta-blue: #6fc0b1;
--color-fiesta-blue-50: #dcfdf7;
--color-fiesta-blue-100: #cbf2ea;
--color-fiesta-blue-200: #aee0d7;
--color-fiesta-blue-300: #87c6bb;
--color-fiesta-blue-400: #63afa1;
--color-fiesta-blue-500: #3a9889;
--color-fiesta-blue-600: #338174;
--color-fiesta-blue-700: #28675d;
--color-fiesta-blue-800: #1c4c43;
--color-fiesta-blue-900: #13352e;
--color-fiesta-blue-950: #04201b;
}SCSS
$fiesta-blue: #6fc0b1;
$fiesta-blue-rgb: 111, 192, 177;
$fiesta-blue-light: mix(#fff, $fiesta-blue, 20%);
$fiesta-blue-dark: mix(#000, $fiesta-blue, 20%);
.element {
color: $fiesta-blue;
box-shadow: 0 0 0 2px rgba($fiesta-blue, 0.35);
}