Benannte Farbe · #125761
Baltic Trench
Baltic Trench ist #125761: rgb(18 87 97), hsl(188 69% 23%), oklch(0.421 0.066 209.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Baltic Trench color name →
#125761
oklch(0.421 0.066 209.5)
Farbumrechnungen
- HEX
- #125761
- RGB
- rgb(18 87 97)
- HSL
- hsl(188 69% 23%)
- HWB
- hwb(188 7% 62%)
- OKLCH
- oklch(0.421 0.066 209.5)
- OKLab
- oklab(0.421 -0.058 -0.033)
- CIE Lab
- lab(33.33 -18.5 -12.14)
- LCH
- lch(33.33 22.13 213.3)
- CMYK
- cmyk(81% 10% 0% 62%)
Tints · Shades · Tones
Tints
- 2F6770
- 47767F
- 5E878E
- 74979D
- 8AA8AD
- A1B9BD
- B8CACD
- CFDBDE
- E7EDEE
Shades
- 0E4B53
- 0A3E46
- 073339
- 04272D
- 021C21
- 011215
- 01080B
- 000303
- 000000
Tones
- 235B64
- 305F67
- 3B636A
- 46686D
- 506C71
- 5A7074
- 647477
- 6D787A
- 777C7D
Farbharmonien
Komplementär +180°
- 125761
Baltic Trench
- 6D3F38
≈ Metallic Copper
Analog -30° +30°
- 125761
Baltic Trench
- 19594E
≈ Country Meadow
- 27526E
≈ Diver Lady
Triadisch +120° +240°
- 125761
Baltic Trench
- 62405F
≈ Royal Plum
- 5C4B1E
≈ Bronze Olive
Geteilt komplementär +150° +210°
- 125761
Baltic Trench
- 6B3D4C
≈ Crushed Violets
- 684426
≈ Flattery
Tetradisch +90° +180° +270°
- 125761
Baltic Trench
- 53456C
≈ Haunted Candelabra
- 6D3F38
≈ Metallic Copper
- 495327
≈ Army Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.19:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.56:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.19:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--baltic-trench: #125761;
--baltic-trench-rgb: 18 87 97;
--baltic-trench-oklch: oklch(0.421 0.066 209.5);
}
.element {
color: var(--baltic-trench);
background-color: hsl(188 69% 23%);
border-color: oklch(0.421 0.066 209.5);
}Tailwind CSS v4
@theme {
--color-baltic-trench: #125761;
--color-baltic-trench-50: #e1fbff;
--color-baltic-trench-100: #d0eef5;
--color-baltic-trench-200: #b5dce5;
--color-baltic-trench-300: #90c1cb;
--color-baltic-trench-400: #6faab4;
--color-baltic-trench-500: #4c929e;
--color-baltic-trench-600: #417c86;
--color-baltic-trench-700: #34636b;
--color-baltic-trench-800: #24494e;
--color-baltic-trench-900: #183336;
--color-baltic-trench-950: #081e21;
}SCSS
$baltic-trench: #125761;
$baltic-trench-rgb: 18, 87, 97;
$baltic-trench-light: mix(#fff, $baltic-trench, 20%);
$baltic-trench-dark: mix(#000, $baltic-trench, 20%);
.element {
color: $baltic-trench;
box-shadow: 0 0 0 2px rgba($baltic-trench, 0.35);
}