Colore con nome · #BBB875
Liminal Yellow
Liminal Yellow è #BBB875: rgb(187 184 117), hsl(57 34% 60%), oklch(0.77 0.088 106.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Liminal Yellow color name →
#BBB875
oklch(0.77 0.088 106.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C2BF83
- C8C691
- CFCD9F
- D5D4AD
- DCDBBA
- E3E3C8
- EAEAD6
- F1F1E3
- F8F8F1
Ombre
- A2A065
- 8A8855
- 737146
- 5C5B37
- 464529
- 32311C
- 1F1E0F
- 0D0C05
- 020201
Toni
- B5B277
- AFAD79
- A9A77A
- A3A17B
- 9D9C7D
- 97967E
- 91917E
- 8B8B7F
- 868680
Armonie di colore
Complementare +180°
- BBB875
Liminal Yellow
- AFACEA
≈ Maximum Blue Purple
Analogo -30° +30°
- BBB875
Liminal Yellow
- D4AD73
≈ Drops of Honey
- 9BC189
≈ Picnic
Triadico +120° +240°
- BBB875
Liminal Yellow
- 73C0DF
≈ Mizu
- DE9EC0
≈ Pink Begonia
Complementare divisa +150° +210°
- BBB875
Liminal Yellow
- 8FB7EC
≈ Electric Eel
- CAA3DA
≈ Spring Wisteria
Tetradico +90° +180° +270°
- BBB875
Liminal Yellow
- 6AC6C6
≈ Chinese Lacquer
- AFACEA
≈ Maximum Blue Purple
- E79DA1
≈ Strawberry Smoothie
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.22:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
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);
}