Cor nomeada · #BBB465
Hi Def Lime
Hi Def Lime é #BBB465: rgb(187 180 101), hsl(55 39% 56%), oklch(0.758 0.101 104.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Hi Def Lime color name →
#BBB465
oklch(0.758 0.101 104.1)
Conversões de cor
- HEX
- #bbb465
- RGB
- rgb(187 180 101)
- HSL
- hsl(55 39% 56%)
- HWB
- hwb(55 40% 27%)
- OKLCH
- oklch(0.758 0.101 104.1)
- OKLab
- oklab(0.758 -0.025 0.098)
- CIE Lab
- lab(72.6 -5.6 40.96)
- LCH
- lch(72.6 41.34 97.8)
- CMYK
- cmyk(0% 4% 46% 27%)
Tons claros · Sombras · Tons
Tons claros
- C2BC75
- C8C385
- CFCB95
- D5D2A4
- DCDAB3
- E3E1C2
- EAE9D2
- F1F0E1
- F8F7F0
Sombras
- A29C57
- 8A8549
- 736E3C
- 5C582F
- 464422
- 323017
- 1F1D0C
- 0D0C03
- 020200
Tons
- B5AF69
- AFAA6D
- A9A470
- A39F73
- 9D9A76
- 979578
- 91907B
- 8B8A7D
- 86857E
Harmonias de cor
Complementar +180°
- BBB465
Hi Def Lime
- A9A8EF
≈ Maximum Blue Purple
Análoga -30° +30°
- BBB465
Hi Def Lime
- D7A765
≈ Ungor Beige
- 96BF7C
≈ Sago Garden
Tríade +120° +240°
- BBB465
Hi Def Lime
- 60BEE0
≈ Sea Capture
- DF97C0
≈ Lilac Chiffon
Complementar dividida +150° +210°
- BBB465
Hi Def Lime
- 83B4F0
≈ Fly Away
- C89DDE
≈ Silver Rust
Tétrade +90° +180° +270°
- BBB465
Hi Def Lime
- 55C5C3
≈ Port Hope
- A9A8EF
≈ Maximum Blue Purple
- E9969D
≈ Franken Berry
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.82:1 · APCA Lc 60
Melhor cor de texto: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Trechos de código
CSS
:root {
--hi-def-lime: #bbb465;
--hi-def-lime-rgb: 187 180 101;
--hi-def-lime-oklch: oklch(0.758 0.101 104.1);
}
.element {
color: var(--hi-def-lime);
background-color: hsl(55 39% 56%);
border-color: oklch(0.758 0.101 104.1);
}Tailwind CSS v4
@theme {
--color-hi-def-lime: #bbb465;
--color-hi-def-lime-50: #f8f8d7;
--color-hi-def-lime-100: #ecebc4;
--color-hi-def-lime-200: #d9d8a6;
--color-hi-def-lime-300: #bebb7e;
--color-hi-def-lime-400: #a8a258;
--color-hi-def-lime-500: #91892d;
--color-hi-def-lime-600: #7b7428;
--color-hi-def-lime-700: #625d20;
--color-hi-def-lime-800: #494314;
--color-hi-def-lime-900: #332f0d;
--color-hi-def-lime-950: #1f1b02;
}SCSS
$hi-def-lime: #bbb465;
$hi-def-lime-rgb: 187, 180, 101;
$hi-def-lime-light: mix(#fff, $hi-def-lime, 20%);
$hi-def-lime-dark: mix(#000, $hi-def-lime, 20%);
.element {
color: $hi-def-lime;
box-shadow: 0 0 0 2px rgba($hi-def-lime, 0.35);
}