Nächste benannte Farbe · #219C9A
#219C9A
Nächste benannte Farbe: Baltic
#219C9A (rgb(33 156 154), hsl(179 65% 37%), oklch(0.63 0.101 193.2)) liegt am nächsten an der benannten Farbe Baltic. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#219C9A
oklch(0.63 0.101 193.2)
Farbumrechnungen
- HEX
- #219c9a
- RGB
- rgb(33 156 154)
- HSL
- hsl(179 65% 37%)
- HWB
- hwb(179 13% 39%)
- OKLCH
- oklch(0.63 0.101 193.2)
- OKLab
- oklab(0.63 -0.098 -0.023)
- CIE Lab
- lab(58.16 -33.42 -8.8)
- LCH
- lch(58.16 34.56 194.7)
- CMYK
- cmyk(79% 0% 1% 39%)
Tints · Shades · Tones
Tints
- 44A6A4
- 5DB0AE
- 74BAB7
- 89C3C1
- 9DCDCB
- B1D7D6
- C5E1E0
- D8EBEA
- ECF5F5
Shades
- 1B8785
- 167371
- 105F5E
- 0B4C4B
- 063939
- 032827
- 011817
- 000909
- 000101
Tones
- 359997
- 439795
- 4E9492
- 589190
- 608F8D
- 688C8A
- 6E8988
- 758685
- 7B8383
Farbharmonien
Komplementär +180°
- 219C9A
Baltic
- BE6F77
≈ Rita’s Rouge
Analog -30° +30°
- 219C9A
Baltic
- 469C78
≈ Dancing Jewel
- 3296B6
≈ Enchanted Well
Triadisch +120° +240°
- 219C9A
Baltic
- 9F76B4
≈ Purple Pride
- AE7F3D
≈ Rare Find
Geteilt komplementär +150° +210°
- 219C9A
Baltic
- B47099
≈ Fuscia Fizz
- BC7456
≈ Firenze
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.34:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.28:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--baltic: #219c9a;
--baltic-rgb: 33 156 154;
--baltic-oklch: oklch(0.63 0.101 193.2);
}
.element {
color: var(--baltic);
background-color: hsl(179 65% 37%);
border-color: oklch(0.63 0.101 193.2);
}Tailwind CSS v4
@theme {
--color-baltic: #219c9a;
--color-baltic-50: #d5fffe;
--color-baltic-100: #c2f3f2;
--color-baltic-200: #a1e2e2;
--color-baltic-300: #75c8c7;
--color-baltic-400: #48b1af;
--color-baltic-500: #009b99;
--color-baltic-600: #008381;
--color-baltic-700: #006967;
--color-baltic-800: #004d4b;
--color-baltic-900: #023634;
--color-baltic-950: #00211f;
}SCSS
$baltic: #219c9a;
$baltic-rgb: 33, 156, 154;
$baltic-light: mix(#fff, $baltic, 20%);
$baltic-dark: mix(#000, $baltic, 20%);
.element {
color: $baltic;
box-shadow: 0 0 0 2px rgba($baltic, 0.35);
}