Colore con nome · #BFC921
Key Lime Pie
Key Lime Pie è #BFC921: rgb(191 201 33), hsl(64 72% 46%), oklch(0.802 0.172 113.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Key Lime Pie color name →
#BFC921
oklch(0.802 0.172 113.4)
Conversioni di colore
- HEX
- #bfc921
- RGB
- rgb(191 201 33)
- HSL
- hsl(64 72% 46%)
- HWB
- hwb(64 13% 21%)
- OKLCH
- oklch(0.802 0.172 113.4)
- OKLab
- oklab(0.802 -0.068 0.158)
- CIE Lab
- lab(78.2 -16.98 72.57)
- LCH
- lch(78.2 74.52 103.2)
- CMYK
- cmyk(5% 0% 84% 21%)
Tinte · Ombre · Toni
Tinte
- C5CF49
- CBD564
- D1DA7A
- D7E08F
- DEE5A3
- E4EAB6
- EBF0C9
- F1F5DB
- F8FAED
Ombre
- A6AE1B
- 8D9516
- 757C10
- 5E640B
- 484C06
- 333603
- 1F2201
- 0D0F00
- 020200
Toni
- B8C239
- B2BB48
- ABB354
- A5AC5D
- 9EA565
- 989D6C
- 929672
- 8C8F77
- 86877C
Armonie di colore
Complementare +180°
- BFC921
Key Lime Pie
- C1B1FF
≈ Winterspring Lilac
Analogo -30° +30°
- BFC921
Key Lime Pie
- F1B300
≈ Bellagio Gold
- 73DA71
≈ Pastel Green
Triadico +120° +240°
- BFC921
Key Lime Pie
- 66CBFF
≈ Skyan
- FF9AC5
≈ Himalayan Balsam
Complementare divisa +150° +210°
- BFC921
Key Lime Pie
- 9DBEFF
≈ Pastel Blue
- F395FD
≈ Party Pig
Tetradico +90° +180° +270°
- BFC921
Key Lime Pie
- 00D7E6
≈ Thousand Sons Blue
- C1B1FF
≈ Winterspring Lilac
- FFA19B
≈ Pink Dream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.59:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.59:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--key-lime-pie: #bfc921;
--key-lime-pie-rgb: 191 201 33;
--key-lime-pie-oklch: oklch(0.802 0.172 113.4);
}
.element {
color: var(--key-lime-pie);
background-color: hsl(64 72% 46%);
border-color: oklch(0.802 0.172 113.4);
}Tailwind CSS v4
@theme {
--color-key-lime-pie: #bfc921;
--color-key-lime-pie-50: #f3fcc4;
--color-key-lime-pie-100: #e5f0ad;
--color-key-lime-pie-200: #d1dd86;
--color-key-lime-pie-300: #b4c251;
--color-key-lime-pie-400: #9fa800;
--color-key-lime-pie-500: #888f00;
--color-key-lime-pie-600: #737900;
--color-key-lime-pie-700: #5c6100;
--color-key-lime-pie-800: #464700;
--color-key-lime-pie-900: #303100;
--color-key-lime-pie-950: #1d1d00;
}SCSS
$key-lime-pie: #bfc921;
$key-lime-pie-rgb: 191, 201, 33;
$key-lime-pie-light: mix(#fff, $key-lime-pie, 20%);
$key-lime-pie-dark: mix(#000, $key-lime-pie, 20%);
.element {
color: $key-lime-pie;
box-shadow: 0 0 0 2px rgba($key-lime-pie, 0.35);
}