Benannte Farbe · #709797
Ship Shape
Ship Shape ist #709797: rgb(112 151 151), hsl(180 16% 52%), oklch(0.648 0.043 196.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Ship Shape color name →
#709797
oklch(0.648 0.043 196.1)
Farbumrechnungen
- HEX
- #709797
- RGB
- rgb(112 151 151)
- HSL
- hsl(180 16% 52%)
- HWB
- hwb(180 44% 41%)
- OKLCH
- oklch(0.648 0.043 196.1)
- OKLab
- oklab(0.648 -0.041 -0.012)
- CIE Lab
- lab(59.59 -13.88 -4.6)
- LCH
- lch(59.59 14.62 198.3)
- CMYK
- cmyk(26% 0% 0% 41%)
Tints · Shades · Tones
Tints
- 7EA1A1
- 8CABAB
- 9AB5B5
- A8C0BF
- B6CACA
- C5D4D4
- D3DFDF
- E2EAE9
- F0F4F4
Shades
- 608383
- 516F6F
- 435C5C
- 354949
- 273737
- 1A2626
- 0E1717
- 040808
- 010101
Tones
- 729595
- 749292
- 769090
- 778E8E
- 798C8B
- 7B8989
- 7C8787
- 7D8585
- 7F8282
Farbharmonien
Komplementär +180°
- 709797
Ship Shape
- A78485
≈ Jupiter Brown
Analog -30° +30°
- 709797
Ship Shape
- 769789
≈ Bitter Clover Green
- 7394A3
≈ Architecture Blue
Triadisch +120° +240°
- 709797
Ship Shape
- 9987A0
≈ Amethyst Grey Violet
- 9E8B72
≈ River Mud
Geteilt komplementär +150° +210°
- 709797
Ship Shape
- A38494
≈ Berry Bright
- A58779
≈ Clay Marble
Tetradisch +90° +180° +270°
- 709797
Ship Shape
- 8C8BA8
≈ Delicate Violet
- A78485
≈ Jupiter Brown
- 919172
≈ Dry Hemlock
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.20:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.56:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--ship-shape: #709797;
--ship-shape-rgb: 112 151 151;
--ship-shape-oklch: oklch(0.648 0.043 196.1);
}
.element {
color: var(--ship-shape);
background-color: hsl(180 16% 52%);
border-color: oklch(0.648 0.043 196.1);
}Tailwind CSS v4
@theme {
--color-ship-shape: #709797;
--color-ship-shape-50: #e8f9f9;
--color-ship-shape-100: #d8eded;
--color-ship-shape-200: #c0dadb;
--color-ship-shape-300: #9fbfbf;
--color-ship-shape-400: #81a7a7;
--color-ship-shape-500: #648f8f;
--color-ship-shape-600: #557979;
--color-ship-shape-700: #446161;
--color-ship-shape-800: #314747;
--color-ship-shape-900: #213131;
--color-ship-shape-950: #101d1d;
}SCSS
$ship-shape: #709797;
$ship-shape-rgb: 112, 151, 151;
$ship-shape-light: mix(#fff, $ship-shape, 20%);
$ship-shape-dark: mix(#000, $ship-shape, 20%);
.element {
color: $ship-shape;
box-shadow: 0 0 0 2px rgba($ship-shape, 0.35);
}