色名 · #A79F92

Abbey Road

Abbey Roadは#A79F92：rgb(167 159 146)、hsl(37 11% 61%)、oklch(0.706 0.021 80.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Abbey Road color name →

#A79F92

oklch(0.706 0.021 80.1)

カラー変換

HEX: #a79f92
RGB: rgb(167 159 146)
HSL: hsl(37 11% 61%)
HWB: hwb(37 57% 35%)
OKLCH: oklch(0.706 0.021 80.1)
OKLab: oklab(0.706 0.004 0.02)
CIE Lab: lab(65.9 1.31 7.91)
LCH: lch(65.9 8.01 80.6)
CMYK: cmyk(0% 5% 13% 35%)

ティント · シェード · トーン

ティント

AFA89C
B8B2A7
C1BBB2
C9C4BC
D2CEC7
DBD8D2
E4E1DD
EDEBE8
F6F5F4

シェード

918A7E
7B756B
666158
524D46
3E3B35
2C2925
1A1816
0A0908
010101

トーン

A39C90
9F998E
9B968D
97928B
938F89
8F8C87
8C8985
888684
848382

カラーハーモニー

補色 +180°

A79F92
Abbey Road
99A1AD
≈ Robotic Gods

類似色 -30° +30°

トライアド +120° +240°

スプリットコンプリメンタリー +150° +210°

テトラード +90° +180° +270°

コントラストとアクセシビリティ

白の上

WCAG 2.61:1 · APCA Lc 51

Fail

黒の上

WCAG 8.01:1 · APCA Lc 51

AAA

最適な文字色: #000000

WCAG 8.01:1 (AAA) · APCA Lc 51

Contrast pairs

コードスニペット

CSS

:root {
  --abbey-road: #a79f92;
  --abbey-road-rgb: 167 159 146;
  --abbey-road-oklch: oklch(0.706 0.021 80.1);
}

.element {
  color: var(--abbey-road);
  background-color: hsl(37 11% 61%);
  border-color: oklch(0.706 0.021 80.1);
}

Tailwind CSS v4

@theme {
  --color-abbey-road: #a79f92;
  --color-abbey-road-50: #f8f5ef;
  --color-abbey-road-100: #ebe7e0;
  --color-abbey-road-200: #d9d4cb;
  --color-abbey-road-300: #bdb7ac;
  --color-abbey-road-400: #a59d91;
  --color-abbey-road-500: #8d8577;
  --color-abbey-road-600: #787165;
  --color-abbey-road-700: #605a51;
  --color-abbey-road-800: #46423a;
  --color-abbey-road-900: #312d28;
  --color-abbey-road-950: #1d1a16;
}

SCSS

$abbey-road: #a79f92;
$abbey-road-rgb: 167, 159, 146;
$abbey-road-light: mix(#fff, $abbey-road, 20%);
$abbey-road-dark: mix(#000, $abbey-road, 20%);

.element {
  color: $abbey-road;
  box-shadow: 0 0 0 2px rgba($abbey-road, 0.35);
}

近い色名

Palettes with similar colors

ツールで開く

ピッカーペアコントラストチェッカー Studio JSON API