色名 · #908C84
Big Apple
Big Appleは#908C84：rgb(144 140 132)、hsl(40 5% 54%)、oklch(0.641 0.013 84.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Big Apple color name →
#908C84
oklch(0.641 0.013 84.6)
カラー変換
- HEX
- #908c84
- RGB
- rgb(144 140 132)
- HSL
- hsl(40 5% 54%)
- HWB
- hwb(40 52% 44%)
- OKLCH
- oklch(0.641 0.013 84.6)
- OKLab
- oklab(0.641 0.001 0.013)
- CIE Lab
- lab(58.42 0.43 4.84)
- LCH
- lch(58.42 4.86 85)
- CMYK
- cmyk(0% 3% 8% 44%)
ティント · シェード · トーン
ティント
- 9B9790
- A5A29B
- B0ADA7
- BBB8B3
- C6C4C0
- D1D0CC
- DDDBD9
- E8E7E5
- F3F3F2
シェード
- 7D7972
- 6A6760
- 57554F
- 45433F
- 34332F
- 242320
- 151412
- 070706
- 010101
トーン
- 8E8B84
- 8D8A83
- 8B8883
- 8A8782
- 888682
- 868582
- 858481
- 838281
- 828180
カラーハーモニー
補色 +180°
- 908C84
Big Apple
- 898D94
≈ Sleet
類似色 -30° +30°
- 908C84
Big Apple
- 938B85
≈ Creek Bend
- 8C8D85
≈ Naturalist Grey
トライアド +120° +240°
- 908C84
Big Apple
- 848F90
≈ Common Feldspar
- 918A91
≈ Gris Morado
スプリットコンプリメンタリー +150° +210°
- 908C84
Big Apple
- 858E93
≈ Common Feldspar
- 8D8B94
≈ Gris Morado
テトラード +90° +180° +270°
- 908C84
Big Apple
- 858F8C
≈ Beguile
- 898D94
≈ Sleet
- 93898D
≈ Stone Haze
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.34:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.27:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--big-apple: #908c84;
--big-apple-rgb: 144 140 132;
--big-apple-oklch: oklch(0.641 0.013 84.6);
}
.element {
color: var(--big-apple);
background-color: hsl(40 5% 54%);
border-color: oklch(0.641 0.013 84.6);
}Tailwind CSS v4
@theme {
--color-big-apple: #908c84;
--color-big-apple-50: #f7f5f1;
--color-big-apple-100: #eae8e3;
--color-big-apple-200: #d6d4ce;
--color-big-apple-300: #bab7b0;
--color-big-apple-400: #a29e96;
--color-big-apple-500: #8a867d;
--color-big-apple-600: #75716a;
--color-big-apple-700: #5d5a55;
--color-big-apple-800: #44423e;
--color-big-apple-900: #2f2e2a;
--color-big-apple-950: #1c1a18;
}SCSS
$big-apple: #908c84;
$big-apple-rgb: 144, 140, 132;
$big-apple-light: mix(#fff, $big-apple, 20%);
$big-apple-dark: mix(#000, $big-apple, 20%);
.element {
color: $big-apple;
box-shadow: 0 0 0 2px rgba($big-apple, 0.35);
}