Benannte Farbe · #3D5758
Abysse
Abysse ist #3D5758: rgb(61 87 88), hsl(182 18% 29%), oklch(0.436 0.031 199.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Abysse color name →
#3D5758
oklch(0.436 0.031 199.1)
Farbumrechnungen
- HEX
- #3d5758
- RGB
- rgb(61 87 88)
- HSL
- hsl(182 18% 29%)
- HWB
- hwb(182 24% 65%)
- OKLCH
- oklch(0.436 0.031 199.1)
- OKLab
- oklab(0.436 -0.03 -0.01)
- CIE Lab
- lab(34.93 -9.93 -3.92)
- LCH
- lch(34.93 10.68 201.5)
- CMYK
- cmyk(31% 1% 0% 65%)
Tints · Shades · Tones
Tints
- 4F6667
- 617677
- 738687
- 869697
- 99A7A8
- ADB8B9
- C1C9CA
- D5DBDB
- EAEDED
Shades
- 344B4B
- 2B3E3F
- 223333
- 1A2728
- 121C1D
- 0A1212
- 040809
- 010303
- 000000
Tones
- 445B5C
- 4A5F60
- 516364
- 586768
- 5E6B6C
- 656F70
- 6C7474
- 727878
- 797C7C
Farbharmonien
Komplementär +180°
- 3D5758
Abysse
- 624B4B
≈ Soul Searching
Analog -30° +30°
- 3D5758
Abysse
- 41574F
≈ Concealment
- 40555F
≈ Sea Blithe
Triadisch +120° +240°
- 3D5758
Abysse
- 594C5D
≈ Purple Fury
- 5B503E
≈ Beech
Geteilt komplementär +150° +210°
- 3D5758
Abysse
- 5F4B54
≈ Sweet Currant
- 604D42
≈ Roasted Nuts
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.77:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.70:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--abysse: #3d5758;
--abysse-rgb: 61 87 88;
--abysse-oklch: oklch(0.436 0.031 199.1);
}
.element {
color: var(--abysse);
background-color: hsl(182 18% 29%);
border-color: oklch(0.436 0.031 199.1);
}Tailwind CSS v4
@theme {
--color-abysse: #3d5758;
--color-abysse-50: #ebf8f9;
--color-abysse-100: #ddebec;
--color-abysse-200: #c6d9da;
--color-abysse-300: #a6bdbe;
--color-abysse-400: #8aa4a5;
--color-abysse-500: #6e8d8e;
--color-abysse-600: #5e7778;
--color-abysse-700: #4b5f60;
--color-abysse-800: #364646;
--color-abysse-900: #253030;
--color-abysse-950: #131d1d;
}SCSS
$abysse: #3d5758;
$abysse-rgb: 61, 87, 88;
$abysse-light: mix(#fff, $abysse, 20%);
$abysse-dark: mix(#000, $abysse, 20%);
.element {
color: $abysse;
box-shadow: 0 0 0 2px rgba($abysse, 0.35);
}