Nearest named color · #C4BD81
#C4BD81
Nearest named color: Kiss a Frog
#C4BD81 (rgb(196 189 129), hsl(54 36% 64%), oklch(0.79 0.079 102.4)) is closest to the named color Kiss a Frog. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C4BD81
oklch(0.79 0.079 102.4)
Color conversions
- HEX
- #c4bd81
- RGB
- rgb(196 189 129)
- HSL
- hsl(54 36% 64%)
- HWB
- hwb(54 51% 23%)
- OKLCH
- oklch(0.79 0.079 102.4)
- OKLab
- oklab(0.79 -0.017 0.077)
- CIE Lab
- lab(76.13 -4.13 31.32)
- LCH
- lch(76.13 31.59 97.5)
- CMYK
- cmyk(0% 4% 34% 23%)
Tints · Shades · Tones
Tints
- CAC48E
- CFCA9A
- D5D1A7
- DBD7B4
- E1DEC0
- E7E5CD
- EDEBD9
- F3F2E6
- F9F8F2
Shades
- AAA46F
- 918C5E
- 78744E
- 615D3E
- 4A472E
- 35331F
- 211F12
- 0E0D06
- 020201
Tones
- BDB782
- B6B182
- AFAA82
- A8A482
- A19E82
- 9A9882
- 949282
- 8D8C81
- 878681
Color harmonies
Complementary +180°
- C4BD81
Kiss a Frog
- B2B5ED
≈ Perano
Analogous -30° +30°
- C4BD81
Kiss a Frog
- DAB382
≈ Butterscotch Sundae
- A7C691
≈ Arcadian Green
Triadic +120° +240°
- C4BD81
Kiss a Frog
- 80C6DF
≈ Winter Chime
- DFA7C9
≈ Aristocratic Pink
Split-complementary +150° +210°
- C4BD81
Kiss a Frog
- 96BEED
≈ Blue Shutters
- CCACE0
≈ Cherish the Moment
Tetradic +90° +180° +270°
- C4BD81
Kiss a Frog
- 7BCBC8
≈ Blue Green Gem
- B2B5ED
≈ Perano
- E9A6AD
≈ Perennial Phlox
Contrast & accessibility
Ag
FailOn white
WCAG 1.91:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.94:1 · APCA Lc 66
Best text color: #000000
WCAG 10.94:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--kiss-a-frog: #c4bd81;
--kiss-a-frog-rgb: 196 189 129;
--kiss-a-frog-oklch: oklch(0.79 0.079 102.4);
}
.element {
color: var(--kiss-a-frog);
background-color: hsl(54 36% 64%);
border-color: oklch(0.79 0.079 102.4);
}Tailwind CSS v4
@theme {
--color-kiss-a-frog: #c4bd81;
--color-kiss-a-frog-50: #f8f7dd;
--color-kiss-a-frog-100: #eceacc;
--color-kiss-a-frog-200: #d9d7b0;
--color-kiss-a-frog-300: #bdba8b;
--color-kiss-a-frog-400: #a7a169;
--color-kiss-a-frog-500: #908847;
--color-kiss-a-frog-600: #7a733d;
--color-kiss-a-frog-700: #625c30;
--color-kiss-a-frog-800: #494321;
--color-kiss-a-frog-900: #322e16;
--color-kiss-a-frog-950: #1e1b07;
}SCSS
$kiss-a-frog: #c4bd81;
$kiss-a-frog-rgb: 196, 189, 129;
$kiss-a-frog-light: mix(#fff, $kiss-a-frog, 20%);
$kiss-a-frog-dark: mix(#000, $kiss-a-frog, 20%);
.element {
color: $kiss-a-frog;
box-shadow: 0 0 0 2px rgba($kiss-a-frog, 0.35);
}