Benannte Farbe · #7D999F
Ocean Melody
Ocean Melody ist #7D999F: rgb(125 153 159), hsl(191 15% 56%), oklch(0.664 0.033 212.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ocean Melody color name →
#7D999F
oklch(0.664 0.033 212.1)
Farbumrechnungen
- HEX
- #7d999f
- RGB
- rgb(125 153 159)
- HSL
- hsl(191 15% 56%)
- HWB
- hwb(191 49% 38%)
- OKLCH
- oklch(0.664 0.033 212.1)
- OKLab
- oklab(0.664 -0.028 -0.017)
- CIE Lab
- lab(61.22 -9.12 -6.59)
- LCH
- lch(61.22 11.25 215.8)
- CMYK
- cmyk(21% 4% 0% 38%)
Tints · Shades · Tones
Tints
- 89A3A8
- 96ADB2
- A3B7BB
- B0C1C4
- BDCBCE
- CAD5D8
- D7DFE1
- E4EAEB
- F1F4F5
Shades
- 6C848A
- 5B7075
- 4B5D61
- 3B4A4D
- 2C383B
- 1E2729
- 111718
- 050809
- 010101
Tones
- 7D969C
- 7E9499
- 7E9196
- 7F8F93
- 7F8C8F
- 7F8A8C
- 808789
- 808586
- 808283
Farbharmonien
Komplementär +180°
- 7D999F
Ocean Melody
- A68C87
≈ Irish Tea
Analog -30° +30°
- 7D999F
Ocean Melody
- 7E9A95
≈ Avalon
- 8296A6
≈ Storm Petrel
Triadisch +120° +240°
- 7D999F
Ocean Melody
- A08C9C
≈ Greige Violet
- 9A937D
≈ Voysey Grey
Geteilt komplementär +150° +210°
- 7D999F
Ocean Melody
- A58B92
≈ Gothic Amethyst
- A28F7F
≈ Zinc Blend
Tetradisch +90° +180° +270°
- 7D999F
Ocean Melody
- 978FA4
≈ Alienator Grey
- A68C87
≈ Irish Tea
- 909781
≈ Hillside Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.03:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.92:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.92:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--ocean-melody: #7d999f;
--ocean-melody-rgb: 125 153 159;
--ocean-melody-oklch: oklch(0.664 0.033 212.1);
}
.element {
color: var(--ocean-melody);
background-color: hsl(191 15% 56%);
border-color: oklch(0.664 0.033 212.1);
}Tailwind CSS v4
@theme {
--color-ocean-melody: #7d999f;
--color-ocean-melody-50: #ebf8fb;
--color-ocean-melody-100: #dcebef;
--color-ocean-melody-200: #c5d8dd;
--color-ocean-melody-300: #a5bcc2;
--color-ocean-melody-400: #89a4aa;
--color-ocean-melody-500: #6e8c93;
--color-ocean-melody-600: #5d777c;
--color-ocean-melody-700: #4a5f63;
--color-ocean-melody-800: #364649;
--color-ocean-melody-900: #243032;
--color-ocean-melody-950: #131c1e;
}SCSS
$ocean-melody: #7d999f;
$ocean-melody-rgb: 125, 153, 159;
$ocean-melody-light: mix(#fff, $ocean-melody, 20%);
$ocean-melody-dark: mix(#000, $ocean-melody, 20%);
.element {
color: $ocean-melody;
box-shadow: 0 0 0 2px rgba($ocean-melody, 0.35);
}