Named color · #CCCCBB
Kittiwake Gull
Kittiwake Gull is #CCCCBB: rgb(204 204 187), hsl(60 14% 77%), oklch(0.841 0.023 106.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Kittiwake Gull color name →
#CCCCBB
oklch(0.841 0.023 106.9)
Color conversions
- HEX
- #ccccbb
- RGB
- rgb(204 204 187)
- HSL
- hsl(60 14% 77%)
- HWB
- hwb(60 73% 20%)
- OKLCH
- oklch(0.841 0.023 106.9)
- OKLab
- oklab(0.841 -0.007 0.022)
- CIE Lab
- lab(81.69 -2.22 8.51)
- LCH
- lch(81.69 8.79 104.6)
- CMYK
- cmyk(0% 0% 8% 20%)
Tints · Shades · Tones
Tints
- D1D1C2
- D6D6C8
- DBDBCF
- E0E0D6
- E5E5DD
- EAEAE3
- EFF0EA
- F5F5F1
- FAFAF8
Shades
- B1B1A2
- 97978A
- 7E7E73
- 65655C
- 4E4E46
- 373732
- 22221F
- 0F0F0D
- 020202
Tones
- C4C4B5
- BCBCAF
- B5B5A9
- ADADA3
- A5A59D
- 9E9E97
- 969691
- 8F8F8C
- 878786
Color harmonies
Complementary +180°
- CCCCBB
Kittiwake Gull
- C9C9DA
≈ Daybreak Beckons
Analogous -30° +30°
- CCCCBB
Kittiwake Gull
- D3C9BA
≈ September Fog
- C4CEC0
≈ Gentle Calm
Triadic +120° +240°
- CCCCBB
Kittiwake Gull
- BCCED7
≈ Keepsake
- D7C5CE
≈ Rosy Lavender
Split-complementary +150° +210°
- CCCCBB
Kittiwake Gull
- C1CCDA
≈ Icy Brook
- D1C6D5
≈ Moon Goddess
Tetradic +90° +180° +270°
- CCCCBB
Kittiwake Gull
- BAD0D0
≈ Malaysian Mist
- C9C9DA
≈ Daybreak Beckons
- D9C5C5
≈ Fairview Taupe
Contrast & accessibility
Ag
FailOn white
WCAG 1.62:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.92:1 · APCA Lc 75
Best text color: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--kittiwake-gull: #ccccbb;
--kittiwake-gull-rgb: 204 204 187;
--kittiwake-gull-oklch: oklch(0.841 0.023 106.9);
}
.element {
color: var(--kittiwake-gull);
background-color: hsl(60 14% 77%);
border-color: oklch(0.841 0.023 106.9);
}Tailwind CSS v4
@theme {
--color-kittiwake-gull: #ccccbb;
--color-kittiwake-gull-50: #f5f6ee;
--color-kittiwake-gull-100: #e8e9e0;
--color-kittiwake-gull-200: #d5d5ca;
--color-kittiwake-gull-300: #b8b9ab;
--color-kittiwake-gull-400: #a0a090;
--color-kittiwake-gull-500: #888776;
--color-kittiwake-gull-600: #737364;
--color-kittiwake-gull-700: #5c5c50;
--color-kittiwake-gull-800: #43433a;
--color-kittiwake-gull-900: #2f2e28;
--color-kittiwake-gull-950: #1b1b16;
}SCSS
$kittiwake-gull: #ccccbb;
$kittiwake-gull-rgb: 204, 204, 187;
$kittiwake-gull-light: mix(#fff, $kittiwake-gull, 20%);
$kittiwake-gull-dark: mix(#000, $kittiwake-gull, 20%);
.element {
color: $kittiwake-gull;
box-shadow: 0 0 0 2px rgba($kittiwake-gull, 0.35);
}