色名 · #4C4F56
Abbey
Abbeyは#4C4F56：rgb(76 79 86)、hsl(222 6% 32%)、oklch(0.427 0.012 267.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Abbey color name →
#4C4F56
oklch(0.427 0.012 267.2)
カラー変換
- HEX
- #4c4f56
- RGB
- rgb(76 79 86)
- HSL
- hsl(222 6% 32%)
- HWB
- hwb(222 30% 66%)
- OKLCH
- oklch(0.427 0.012 267.2)
- OKLab
- oklab(0.427 -0.001 -0.012)
- CIE Lab
- lab(33.51 -0.05 -4.58)
- LCH
- lch(33.51 4.58 269.4)
- CMYK
- cmyk(12% 8% 0% 66%)
ティント · シェード · トーン
ティント
- 5C5F65
- 6D6F75
- 7E8085
- 8F9196
- A1A3A7
- B3B4B8
- C5C7C9
- D8D9DB
- ECECED
シェード
- 41444A
- 36383E
- 2C2E32
- 222327
- 18191C
- 0F1012
- 060708
- 020202
- 000000
トーン
- 51545A
- 56585E
- 5B5D62
- 606266
- 65676B
- 6B6C6F
- 707173
- 757677
- 7B7B7C
カラーハーモニー
補色 +180°
- 4C4F56
Abbey
- 524F48
≈ Dunes Manor
類似色 -30° +30°
- 4C4F56
Abbey
- 495055
≈ Lamp Post
- 504E55
≈ Blackened Pearl
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- 4C4F56
Abbey
- 544E49
≈ Berry Brown
- 4E5049
≈ Aceto Balsamico
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.20:1 · APCA Lc 88
Ag
Fail黒の上
WCAG 2.56:1 · APCA Lc 14
最適な文字色: #FFFFFF
WCAG 8.20:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--abbey: #4c4f56;
--abbey-rgb: 76 79 86;
--abbey-oklch: oklch(0.427 0.012 267.2);
}
.element {
color: var(--abbey);
background-color: hsl(222 6% 32%);
border-color: oklch(0.427 0.012 267.2);
}Tailwind CSS v4
@theme {
--color-abbey: #4c4f56;
--color-abbey-50: #f4f5f9;
--color-abbey-100: #e6e8ec;
--color-abbey-200: #d2d4da;
--color-abbey-300: #b5b7be;
--color-abbey-400: #9b9ea6;
--color-abbey-500: #82868f;
--color-abbey-600: #6e7179;
--color-abbey-700: #585b60;
--color-abbey-800: #404247;
--color-abbey-900: #2c2e31;
--color-abbey-950: #191b1d;
}SCSS
$abbey: #4c4f56;
$abbey-rgb: 76, 79, 86;
$abbey-light: mix(#fff, $abbey, 20%);
$abbey-dark: mix(#000, $abbey, 20%);
.element {
color: $abbey;
box-shadow: 0 0 0 2px rgba($abbey, 0.35);
}