色名 · #8A779A
Black Diamond Apple
Black Diamond Appleは#8A779A：rgb(138 119 154)、hsl(273 15% 54%)、oklch(0.599 0.057 309.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Black Diamond Apple color name →
#8A779A
oklch(0.599 0.057 309.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 9584A4
- A091AE
- AC9EB8
- B7ABC2
- C3B9CC
- CFC7D6
- DBD5E0
- E7E3EA
- F3F1F5
シェード
- 776785
- 655771
- 53475E
- 42384B
- 322A39
- 221C27
- 141017
- 070509
- 010101
トーン
- 897897
- 887995
- 877A92
- 867B90
- 857C8D
- 847D8B
- 837D88
- 827E85
- 817F83
カラーハーモニー
補色 +180°
- 8A779A
Black Diamond Apple
- 758763
≈ Green Relict
類似色 -30° +30°
- 8A779A
Black Diamond Apple
- 787DA2
≈ Bossa Nova Blue
- 97738B
≈ Hidden Mask
トライアド +120° +240°
- 8A779A
Black Diamond Apple
- 967A5B
≈ Cocoa Pecan
- 578B87
≈ Evora
スプリットコンプリメンタリー +150° +210°
- 8A779A
Black Diamond Apple
- 888159
≈ Spinach Souffle
- 638B74
≈ Juniper Oil
テトラード +90° +180° +270°
- 8A779A
Black Diamond Apple
- 9E7567
≈ Equestrienne
- 758763
≈ Green Relict
- 588897
≈ Stratford Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.04:1 · APCA Lc 68
Ag
AA黒の上
WCAG 5.18:1 · APCA Lc 34
最適な文字色: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
コードスニペット
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);
}