Benoemde kleur · #8A779A
Black Diamond Apple
Black Diamond Apple is #8A779A: rgb(138 119 154), hsl(273 15% 54%), oklch(0.599 0.057 309.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Black Diamond Apple color name →
#8A779A
oklch(0.599 0.057 309.3)
Kleurconversies
- HEX
- #8a779a
- RGB
- rgb(138 119 154)
- HSL
- hsl(273 15% 54%)
- HWB
- hwb(273 47% 40%)
- OKLCH
- oklch(0.599 0.057 309.3)
- OKLab
- oklab(0.599 0.036 -0.044)
- CIE Lab
- lab(52.77 12.8 -16.15)
- LCH
- lch(52.77 20.61 308.4)
- CMYK
- cmyk(10% 23% 0% 40%)
Tinten · Schaduwen · Tonen
Tinten
- 9584A4
- A091AE
- AC9EB8
- B7ABC2
- C3B9CC
- CFC7D6
- DBD5E0
- E7E3EA
- F3F1F5
Schaduwen
- 776785
- 655771
- 53475E
- 42384B
- 322A39
- 221C27
- 141017
- 070509
- 010101
Tonen
- 897897
- 887995
- 877A92
- 867B90
- 857C8D
- 847D8B
- 837D88
- 827E85
- 817F83
Kleurharmonieën
Complementair +180°
- 8A779A
Black Diamond Apple
- 758763
≈ Green Relict
Analoog -30° +30°
- 8A779A
Black Diamond Apple
- 787DA2
≈ Bossa Nova Blue
- 97738B
≈ Hidden Mask
Triadisch +120° +240°
- 8A779A
Black Diamond Apple
- 967A5B
≈ Cocoa Pecan
- 578B87
≈ Evora
Gesplitst complementair +150° +210°
- 8A779A
Black Diamond Apple
- 888159
≈ Spinach Souffle
- 638B74
≈ Juniper Oil
Tetradisch +90° +180° +270°
- 8A779A
Black Diamond Apple
- 9E7567
≈ Equestrienne
- 758763
≈ Green Relict
- 588897
≈ Stratford Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.04:1 · APCA Lc 68
Ag
AAOp zwart
WCAG 5.18:1 · APCA Lc 34
Beste tekstkleur: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
Codefragmenten
CSS
:root {
--black-diamond-apple: #8a779a;
--black-diamond-apple-rgb: 138 119 154;
--black-diamond-apple-oklch: oklch(0.599 0.057 309.3);
}
.element {
color: var(--black-diamond-apple);
background-color: hsl(273 15% 54%);
border-color: oklch(0.599 0.057 309.3);
}Tailwind CSS v4
@theme {
--color-black-diamond-apple: #8a779a;
--color-black-diamond-apple-50: #faf1ff;
--color-black-diamond-apple-100: #eee3f6;
--color-black-diamond-apple-200: #dccee6;
--color-black-diamond-apple-300: #c1b0cd;
--color-black-diamond-apple-400: #a896b8;
--color-black-diamond-apple-500: #917ca3;
--color-black-diamond-apple-600: #7b698a;
--color-black-diamond-apple-700: #62546e;
--color-black-diamond-apple-800: #483d52;
--color-black-diamond-apple-900: #322a39;
--color-black-diamond-apple-950: #1e1823;
}SCSS
$black-diamond-apple: #8a779a;
$black-diamond-apple-rgb: 138, 119, 154;
$black-diamond-apple-light: mix(#fff, $black-diamond-apple, 20%);
$black-diamond-apple-dark: mix(#000, $black-diamond-apple, 20%);
.element {
color: $black-diamond-apple;
box-shadow: 0 0 0 2px rgba($black-diamond-apple, 0.35);
}