Benannte Farbe · #279D9F
Baltic
Baltic ist #279D9F: rgb(39 157 159), hsl(181 61% 39%), oklch(0.635 0.099 196.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Baltic color name →
#279D9F
oklch(0.635 0.099 196.7)
Farbumrechnungen
- HEX
- #279d9f
- RGB
- rgb(39 157 159)
- HSL
- hsl(181 61% 39%)
- HWB
- hwb(181 15% 38%)
- OKLCH
- oklch(0.635 0.099 196.7)
- OKLab
- oklab(0.635 -0.095 -0.028)
- CIE Lab
- lab(58.72 -31.97 -10.78)
- LCH
- lch(58.72 33.74 198.6)
- CMYK
- cmyk(75% 1% 0% 38%)
Tints · Shades · Tones
Tints
- 47A7A8
- 60B1B2
- 76BABB
- 8AC4C5
- 9ECECE
- B2D8D8
- C5E1E1
- D9EBEB
- ECF5F5
Shades
- 20888A
- 1A7375
- 145F61
- 0E4C4D
- 083A3B
- 042829
- 021818
- 010909
- 000101
Tones
- 399A9C
- 469899
- 509596
- 599293
- 618F8F
- 698C8C
- 6F8989
- 758686
- 7B8383
Farbharmonien
Komplementär +180°
- 279D9F
Baltic
- BF7175
≈ Brandied Apricot
Analog -30° +30°
- 279D9F
Baltic
- 459E7E
≈ Wintergreen Shadow
- 3C97B9
≈ Coastline Blue
Triadisch +120° +240°
- 279D9F
Baltic
- A378B3
≈ Bell Heather
- AD823F
≈ Bird’s-Eye
Geteilt komplementär +150° +210°
- 279D9F
Baltic
- B67197
≈ Fuscia Fizz
- BC7755
≈ Moroccan Sky
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.27:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.40:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--baltic: #279d9f;
--baltic-rgb: 39 157 159;
--baltic-oklch: oklch(0.635 0.099 196.7);
}
.element {
color: var(--baltic);
background-color: hsl(181 61% 39%);
border-color: oklch(0.635 0.099 196.7);
}Tailwind CSS v4
@theme {
--color-baltic: #279d9f;
--color-baltic-50: #d5feff;
--color-baltic-100: #c2f3f4;
--color-baltic-200: #a2e2e4;
--color-baltic-300: #77c7ca;
--color-baltic-400: #4ab1b2;
--color-baltic-500: #009a9c;
--color-baltic-600: #008284;
--color-baltic-700: #03686a;
--color-baltic-800: #014d4d;
--color-baltic-900: #033535;
--color-baltic-950: #002020;
}SCSS
$baltic: #279d9f;
$baltic-rgb: 39, 157, 159;
$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);
}