Màu có tên · #BBB875
Liminal Yellow
Liminal Yellow là #BBB875: rgb(187 184 117), hsl(57 34% 60%), oklch(0.77 0.088 106.1). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Liminal Yellow color name →
#BBB875
oklch(0.77 0.088 106.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C2BF83
- C8C691
- CFCD9F
- D5D4AD
- DCDBBA
- E3E3C8
- EAEAD6
- F1F1E3
- F8F8F1
Sắc đậm
- A2A065
- 8A8855
- 737146
- 5C5B37
- 464529
- 32311C
- 1F1E0F
- 0D0C05
- 020201
Sắc xám
- B5B277
- AFAD79
- A9A77A
- A3A17B
- 9D9C7D
- 97967E
- 91917E
- 8B8B7F
- 868680
Hòa sắc
Bổ túc +180°
- BBB875
Liminal Yellow
- AFACEA
≈ Maximum Blue Purple
Tương đồng -30° +30°
- BBB875
Liminal Yellow
- D4AD73
≈ Drops of Honey
- 9BC189
≈ Picnic
Bộ ba +120° +240°
- BBB875
Liminal Yellow
- 73C0DF
≈ Mizu
- DE9EC0
≈ Pink Begonia
Bổ túc chia +150° +210°
- BBB875
Liminal Yellow
- 8FB7EC
≈ Electric Eel
- CAA3DA
≈ Spring Wisteria
Bộ bốn +90° +180° +270°
- BBB875
Liminal Yellow
- 6AC6C6
≈ Chinese Lacquer
- AFACEA
≈ Maximum Blue Purple
- E79DA1
≈ Strawberry Smoothie
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.05:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.22:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
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);
}