Benoemde kleur · #BEEB71
Pisco Sour
Pisco Sour is #BEEB71: rgb(190 235 113), hsl(82 75% 68%), oklch(0.883 0.158 126.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Pisco Sour color name →
#BEEB71
oklch(0.883 0.158 126.2)
Kleurconversies
- HEX
- #beeb71
- RGB
- rgb(190 235 113)
- HSL
- hsl(82 75% 68%)
- HWB
- hwb(82 44% 8%)
- OKLCH
- oklch(0.883 0.158 126.2)
- OKLab
- oklab(0.883 -0.093 0.128)
- CIE Lab
- lab(87.98 -29.01 53.38)
- LCH
- lch(87.98 60.76 118.5)
- CMYK
- cmyk(19% 0% 52% 8%)
Tinten · Schaduwen · Tonen
Tinten
- C4ED82
- CBF091
- D1F2A0
- D8F4AF
- DEF6BD
- E5F8CA
- EBFAD8
- F2FCE5
- F8FDF2
Schaduwen
- A5CC61
- 8CAE52
- 759143
- 5E7535
- 485B27
- 33411A
- 1F290E
- 0D1304
- 020301
Tonen
- B8E075
- B1D578
- ABCA7A
- A5BF7C
- 9FB57E
- 98AA7F
- 929F80
- 8C9580
- 868A80
Kleurharmonieën
Complementair +180°
- BEEB71
Pisco Sour
- E4CDFF
≈ Lens Flare Pink
Analoog -30° +30°
- BEEB71
Pisco Sour
- F7D749
≈ Anna Banana
- 73F7AC
≈ Lime Soap
Triadisch +120° +240°
- BEEB71
Pisco Sour
- B8DDFF
≈ Broad Daylight
- FFC7D2
≈ Sweet Sixteen
Gesplitst complementair +150° +210°
- BEEB71
Pisco Sour
- CED6FF
≈ Pale Phthalo Blue
- FFC2EF
≈ Pink Quartz
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.37:1 · APCA Lc 18
Ag
AAAOp zwart
WCAG 15.31:1 · APCA Lc 86
Beste tekstkleur: #000000
WCAG 15.31:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--pisco-sour: #beeb71;
--pisco-sour-rgb: 190 235 113;
--pisco-sour-oklch: oklch(0.883 0.158 126.2);
}
.element {
color: var(--pisco-sour);
background-color: hsl(82 75% 68%);
border-color: oklch(0.883 0.158 126.2);
}Tailwind CSS v4
@theme {
--color-pisco-sour: #beeb71;
--color-pisco-sour-50: #e8ffce;
--color-pisco-sour-100: #d8f3ba;
--color-pisco-sour-200: #c0e298;
--color-pisco-sour-300: #9fc76c;
--color-pisco-sour-400: #87ae3a;
--color-pisco-sour-500: #6b9700;
--color-pisco-sour-600: #5b8000;
--color-pisco-sour-700: #496600;
--color-pisco-sour-800: #374b00;
--color-pisco-sour-900: #253400;
--color-pisco-sour-950: #141f00;
}SCSS
$pisco-sour: #beeb71;
$pisco-sour-rgb: 190, 235, 113;
$pisco-sour-light: mix(#fff, $pisco-sour, 20%);
$pisco-sour-dark: mix(#000, $pisco-sour, 20%);
.element {
color: $pisco-sour;
box-shadow: 0 0 0 2px rgba($pisco-sour, 0.35);
}