Named color · #B6BAA4
Tickled Crow
Tickled Crow is #B6BAA4: rgb(182 186 164), hsl(71 14% 69%), oklch(0.78 0.031 115.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Tickled Crow color name →
#B6BAA4
oklch(0.78 0.031 115.5)
Color conversions
- HEX
- #b6baa4
- RGB
- rgb(182 186 164)
- HSL
- hsl(71 14% 69%)
- HWB
- hwb(71 64% 27%)
- OKLCH
- oklch(0.78 0.031 115.5)
- OKLab
- oklab(0.78 -0.013 0.028)
- CIE Lab
- lab(74.74 -4.37 10.7)
- LCH
- lch(74.74 11.56 112.2)
- CMYK
- cmyk(2% 0% 12% 27%)
Tints · Shades · Tones
Tints
- BDC1AD
- C4C8B6
- CBCEBF
- D3D5C8
- DADCD1
- E1E3DA
- E9EAE3
- F0F1EC
- F7F8F6
Shades
- 9EA18E
- 868979
- 6F7264
- 595C50
- 44463D
- 30322B
- 1D1E1A
- 0C0D0A
- 020201
Tones
- B0B4A0
- ABAE9D
- A5A899
- A0A296
- 9B9D92
- 95978E
- 90918B
- 8B8B87
- 858684
Color harmonies
Complementary +180°
- B6BAA4
Tickled Crow
- B8B4C9
≈ Bohemianism
Analogous -30° +30°
- B6BAA4
Tickled Crow
- C0B6A2
≈ Dusty Attic
- ACBDAC
≈ Fresh Thyme
Triadic +120° +240°
- B6BAA4
Tickled Crow
- A5BBC9
≈ Always Blue
- C8B0B8
≈ Calm Cupid
Split-complementary +150° +210°
- B6BAA4
Tickled Crow
- AEB7CC
≈ Ethereal Mist
- C2B1C2
≈ Really Romantic
Tetradic +90° +180° +270°
- B6BAA4
Tickled Crow
- A1BDC1
≈ Warm Breezes
- B8B4C9
≈ Bohemianism
- CAB0AD
≈ Insightful Rose
Contrast & accessibility
Ag
FailOn white
WCAG 1.99:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.54:1 · APCA Lc 64
Best text color: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--tickled-crow: #b6baa4;
--tickled-crow-rgb: 182 186 164;
--tickled-crow-oklch: oklch(0.78 0.031 115.5);
}
.element {
color: var(--tickled-crow);
background-color: hsl(71 14% 69%);
border-color: oklch(0.78 0.031 115.5);
}Tailwind CSS v4
@theme {
--color-tickled-crow: #b6baa4;
--color-tickled-crow-50: #f4f6ed;
--color-tickled-crow-100: #e7e9de;
--color-tickled-crow-200: #d3d6c8;
--color-tickled-crow-300: #b6baa8;
--color-tickled-crow-400: #9da18d;
--color-tickled-crow-500: #858972;
--color-tickled-crow-600: #717461;
--color-tickled-crow-700: #5a5d4d;
--color-tickled-crow-800: #424438;
--color-tickled-crow-900: #2e2f26;
--color-tickled-crow-950: #1a1b14;
}SCSS
$tickled-crow: #b6baa4;
$tickled-crow-rgb: 182, 186, 164;
$tickled-crow-light: mix(#fff, $tickled-crow, 20%);
$tickled-crow-dark: mix(#000, $tickled-crow, 20%);
.element {
color: $tickled-crow;
box-shadow: 0 0 0 2px rgba($tickled-crow, 0.35);
}