Named color · #D8DF80
Carolina Parakeet
Carolina Parakeet is #D8DF80: rgb(216 223 128), hsl(64 60% 69%), oklch(0.878 0.119 112.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Carolina Parakeet color name →
#D8DF80
oklch(0.878 0.119 112.3)
Color conversions
- HEX
- #d8df80
- RGB
- rgb(216 223 128)
- HSL
- hsl(64 60% 69%)
- HWB
- hwb(64 50% 13%)
- OKLCH
- oklch(0.878 0.119 112.3)
- OKLab
- oklab(0.878 -0.045 0.11)
- CIE Lab
- lab(86.74 -12.59 45.49)
- LCH
- lch(86.74 47.2 105.5)
- CMYK
- cmyk(3% 0% 43% 13%)
Tints · Shades · Tones
Tints
- DCE28E
- DFE69C
- E3E9A9
- E7ECB6
- EBF0C2
- EFF3CE
- F3F6DB
- F7F9E7
- FBFCF3
Shades
- BCC26E
- A0A55D
- 858A4D
- 6B6F3D
- 53562E
- 3B3D1F
- 252712
- 111206
- 020201
Tones
- CFD581
- C6CC82
- BCC283
- B4B883
- ABAF84
- A2A583
- 999C83
- 919382
- 888981
Color harmonies
Complementary +180°
- D8DF80
Carolina Parakeet
- D7D0FF
≈ Pale Lavender
Analogous -30° +30°
- D8DF80
Carolina Parakeet
- FECF77
≈ Banana Bread
- A9EBA2
≈ Frosted Hills
Triadic +120° +240°
- D8DF80
Carolina Parakeet
- A6E0FF
≈ Droplet
- FFC3DC
≈ Sweet Romance
Split-complementary +150° +210°
- D8DF80
Carolina Parakeet
- C2D8FF
≈ Pale Phthalo Blue
- F7C0FF
≈ Electric Lavender
Tetradic +90° +180° +270°
- D8DF80
Carolina Parakeet
- 65EEF8
≈ Robin’s Egg
- D7D0FF
≈ Pale Lavender
- FFC7C3
≈ Cinderella Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.42:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.78:1 · APCA Lc 83
Best text color: #000000
WCAG 14.78:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--carolina-parakeet: #d8df80;
--carolina-parakeet-rgb: 216 223 128;
--carolina-parakeet-oklch: oklch(0.878 0.119 112.3);
}
.element {
color: var(--carolina-parakeet);
background-color: hsl(64 60% 69%);
border-color: oklch(0.878 0.119 112.3);
}Tailwind CSS v4
@theme {
--color-carolina-parakeet: #d8df80;
--color-carolina-parakeet-50: #f4fad3;
--color-carolina-parakeet-100: #e7edc0;
--color-carolina-parakeet-200: #d3dba0;
--color-carolina-parakeet-300: #b6bf77;
--color-carolina-parakeet-400: #a0a54d;
--color-carolina-parakeet-500: #888d17;
--color-carolina-parakeet-600: #737818;
--color-carolina-parakeet-700: #5c6013;
--color-carolina-parakeet-800: #454609;
--color-carolina-parakeet-900: #303006;
--color-carolina-parakeet-950: #1c1c00;
}SCSS
$carolina-parakeet: #d8df80;
$carolina-parakeet-rgb: 216, 223, 128;
$carolina-parakeet-light: mix(#fff, $carolina-parakeet, 20%);
$carolina-parakeet-dark: mix(#000, $carolina-parakeet, 20%);
.element {
color: $carolina-parakeet;
box-shadow: 0 0 0 2px rgba($carolina-parakeet, 0.35);
}