Benannte Farbe · #2999A2
Mediterranean Swirl
Mediterranean Swirl ist #2999A2: rgb(41 153 162), hsl(184 60% 40%), oklch(0.627 0.096 203.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Mediterranean Swirl color name →
#2999A2
oklch(0.627 0.096 203.1)
Farbumrechnungen
- HEX
- #2999a2
- RGB
- rgb(41 153 162)
- HSL
- hsl(184 60% 40%)
- HWB
- hwb(184 16% 36%)
- OKLCH
- oklch(0.627 0.096 203.1)
- OKLab
- oklab(0.627 -0.089 -0.038)
- CIE Lab
- lab(57.58 -29.27 -14.16)
- LCH
- lch(57.58 32.51 205.8)
- CMYK
- cmyk(75% 6% 0% 36%)
Tints · Shades · Tones
Tints
- 48A3AB
- 60ADB4
- 76B7BD
- 8AC2C7
- 9ECCD0
- B2D6D9
- C5E0E3
- D8EAEC
- ECF5F5
Shades
- 22848C
- 1C7077
- 155D63
- 0F4A4F
- 09383C
- 05272A
- 021719
- 01080A
- 000101
Tones
- 3A979F
- 46949B
- 509298
- 599094
- 618D91
- 688B8E
- 6F888A
- 758587
- 7B8383
Farbharmonien
Komplementär +180°
- 2999A2
Mediterranean Swirl
- BC706C
≈ Shepherd’s Warning
Analog -30° +30°
- 2999A2
Mediterranean Swirl
- 3D9B83
≈ Green Jelly
- 4492B9
≈ Galleon Blue
Triadisch +120° +240°
- 2999A2
Mediterranean Swirl
- A474AA
≈ Bell Heather
- A4833E
≈ Indian Brass
Geteilt komplementär +150° +210°
- 2999A2
Mediterranean Swirl
- B56F8D
≈ Fuscia Fizz
- B6774F
≈ Copper Mine
Tetradisch +90° +180° +270°
- 2999A2
Mediterranean Swirl
- 8A7DBD
≈ Unimaginable
- BC706C
≈ Shepherd’s Warning
- 888E46
≈ Vegetable Garden
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.40:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.17:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.17:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--mediterranean-swirl: #2999a2;
--mediterranean-swirl-rgb: 41 153 162;
--mediterranean-swirl-oklch: oklch(0.627 0.096 203.1);
}
.element {
color: var(--mediterranean-swirl);
background-color: hsl(184 60% 40%);
border-color: oklch(0.627 0.096 203.1);
}Tailwind CSS v4
@theme {
--color-mediterranean-swirl: #2999a2;
--color-mediterranean-swirl-50: #d6feff;
--color-mediterranean-swirl-100: #c3f2f7;
--color-mediterranean-swirl-200: #a4e1e8;
--color-mediterranean-swirl-300: #79c6cf;
--color-mediterranean-swirl-400: #4dafb8;
--color-mediterranean-swirl-500: #0098a2;
--color-mediterranean-swirl-600: #0b8189;
--color-mediterranean-swirl-700: #0b676e;
--color-mediterranean-swirl-800: #054c50;
--color-mediterranean-swirl-900: #053538;
--color-mediterranean-swirl-950: #002022;
}SCSS
$mediterranean-swirl: #2999a2;
$mediterranean-swirl-rgb: 41, 153, 162;
$mediterranean-swirl-light: mix(#fff, $mediterranean-swirl, 20%);
$mediterranean-swirl-dark: mix(#000, $mediterranean-swirl, 20%);
.element {
color: $mediterranean-swirl;
box-shadow: 0 0 0 2px rgba($mediterranean-swirl, 0.35);
}