色名 · #BBB875
Liminal Yellow
Liminal Yellowは#BBB875：rgb(187 184 117)、hsl(57 34% 60%)、oklch(0.77 0.088 106.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Liminal Yellow color name →
#BBB875
oklch(0.77 0.088 106.1)
カラー変換
- HEX
- #bbb875
- RGB
- rgb(187 184 117)
- HSL
- hsl(57 34% 60%)
- HWB
- hwb(57 46% 27%)
- OKLCH
- oklch(0.77 0.088 106.1)
- OKLab
- oklab(0.77 -0.024 0.084)
- CIE Lab
- lab(73.87 -6.32 34.44)
- LCH
- lch(73.87 35.01 100.4)
- CMYK
- cmyk(0% 2% 37% 27%)
ティント · シェード · トーン
ティント
- C2BF83
- C8C691
- CFCD9F
- D5D4AD
- DCDBBA
- E3E3C8
- EAEAD6
- F1F1E3
- F8F8F1
シェード
- A2A065
- 8A8855
- 737146
- 5C5B37
- 464529
- 32311C
- 1F1E0F
- 0D0C05
- 020201
トーン
- B5B277
- AFAD79
- A9A77A
- A3A17B
- 9D9C7D
- 97967E
- 91917E
- 8B8B7F
- 868680
カラーハーモニー
補色 +180°
- BBB875
Liminal Yellow
- AFACEA
≈ Maximum Blue Purple
類似色 -30° +30°
- BBB875
Liminal Yellow
- D4AD73
≈ Drops of Honey
- 9BC189
≈ Picnic
トライアド +120° +240°
- BBB875
Liminal Yellow
- 73C0DF
≈ Mizu
- DE9EC0
≈ Pink Begonia
スプリットコンプリメンタリー +150° +210°
- BBB875
Liminal Yellow
- 8FB7EC
≈ Electric Eel
- CAA3DA
≈ Spring Wisteria
テトラード +90° +180° +270°
- BBB875
Liminal Yellow
- 6AC6C6
≈ Chinese Lacquer
- AFACEA
≈ Maximum Blue Purple
- E79DA1
≈ Strawberry Smoothie
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.05:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.22:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--liminal-yellow: #bbb875;
--liminal-yellow-rgb: 187 184 117;
--liminal-yellow-oklch: oklch(0.77 0.088 106.1);
}
.element {
color: var(--liminal-yellow);
background-color: hsl(57 34% 60%);
border-color: oklch(0.77 0.088 106.1);
}Tailwind CSS v4
@theme {
--color-liminal-yellow: #bbb875;
--color-liminal-yellow-50: #f7f8db;
--color-liminal-yellow-100: #eaebc9;
--color-liminal-yellow-200: #d7d8ad;
--color-liminal-yellow-300: #bbbb87;
--color-liminal-yellow-400: #a5a263;
--color-liminal-yellow-500: #8e8a3f;
--color-liminal-yellow-600: #787537;
--color-liminal-yellow-700: #605d2b;
--color-liminal-yellow-800: #47441d;
--color-liminal-yellow-900: #312f13;
--color-liminal-yellow-950: #1d1b05;
}SCSS
$liminal-yellow: #bbb875;
$liminal-yellow-rgb: 187, 184, 117;
$liminal-yellow-light: mix(#fff, $liminal-yellow, 20%);
$liminal-yellow-dark: mix(#000, $liminal-yellow, 20%);
.element {
color: $liminal-yellow;
box-shadow: 0 0 0 2px rgba($liminal-yellow, 0.35);
}