Named color · #A3CE27
Pêra Rocha
Pêra Rocha is #A3CE27: rgb(163 206 39), hsl(75 68% 48%), oklch(0.793 0.186 124). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Pêra Rocha color name →
#A3CE27
oklch(0.793 0.186 124)
Color conversions
- HEX
- #a3ce27
- RGB
- rgb(163 206 39)
- HSL
- hsl(75 68% 48%)
- HWB
- hwb(75 15% 19%)
- OKLCH
- oklch(0.793 0.186 124)
- OKLab
- oklab(0.793 -0.104 0.154)
- CIE Lab
- lab(77.59 -30.41 69.67)
- LCH
- lch(77.59 76.02 113.6)
- CMYK
- cmyk(21% 0% 81% 19%)
Tints · Shades · Tones
Tints
- ACD34B
- B5D965
- BEDE7B
- C7E390
- D0E8A3
- D9EDB6
- E2F1C9
- ECF6DB
- F5FBED
Shades
- 8DB320
- 78981A
- 637F14
- 4F660E
- 3C4E08
- 2A3804
- 192302
- 0A0F01
- 010200
Tones
- 9FC63C
- 9CBF4A
- 98B755
- 95AF5E
- 91A766
- 8E9F6C
- 8A9872
- 879077
- 83887C
Color harmonies
Complementary +180°
- A3CE27
Pêra Rocha
- CDA6FF
≈ Lilac
Analogous -30° +30°
- A3CE27
Pêra Rocha
- DEB800
≈ Plague Brown
- 33DD82
≈ Drunken Dragonfly
Triadic +120° +240°
- A3CE27
Pêra Rocha
- 78C3FF
≈ Maya Blue
- FF98B2
≈ Saira Red
Split-complementary +150° +210°
- A3CE27
Pêra Rocha
- A6B7FF
≈ Truesky Gloxym
- FF8BEB
≈ Splash of Grenadine
Tetradic +90° +180° +270°
- A3CE27
Pêra Rocha
- 00D1F2
≈ Picnic Day Sky
- CDA6FF
≈ Lilac
- FF9E87
≈ Tangerine Cream
Contrast & accessibility
Ag
FailOn white
WCAG 1.83:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.41:1 · APCA Lc 68
Best text color: #000000
WCAG 11.41:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--pera-rocha: #a3ce27;
--pera-rocha-rgb: 163 206 39;
--pera-rocha-oklch: oklch(0.793 0.186 124);
}
.element {
color: var(--pera-rocha);
background-color: hsl(75 68% 48%);
border-color: oklch(0.793 0.186 124);
}Tailwind CSS v4
@theme {
--color-pera-rocha: #a3ce27;
--color-pera-rocha-50: #e8ffc6;
--color-pera-rocha-100: #d8f4b0;
--color-pera-rocha-200: #c0e38a;
--color-pera-rocha-300: #a0c857;
--color-pera-rocha-400: #88af00;
--color-pera-rocha-500: #6d9800;
--color-pera-rocha-600: #5d8000;
--color-pera-rocha-700: #4a6700;
--color-pera-rocha-800: #384b00;
--color-pera-rocha-900: #263400;
--color-pera-rocha-950: #151f00;
}SCSS
$pera-rocha: #a3ce27;
$pera-rocha-rgb: 163, 206, 39;
$pera-rocha-light: mix(#fff, $pera-rocha, 20%);
$pera-rocha-dark: mix(#000, $pera-rocha, 20%);
.element {
color: $pera-rocha;
box-shadow: 0 0 0 2px rgba($pera-rocha, 0.35);
}