Named color · #D6D69B
Crocodile Tears
Crocodile Tears is #D6D69B: rgb(214 214 155), hsl(60 42% 72%), oklch(0.862 0.077 107.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Crocodile Tears color name →
#D6D69B
oklch(0.862 0.077 107.9)
Color conversions
- HEX
- #d6d69b
- RGB
- rgb(214 214 155)
- HSL
- hsl(60 42% 72%)
- HWB
- hwb(60 61% 16%)
- OKLCH
- oklch(0.862 0.077 107.9)
- OKLab
- oklab(0.862 -0.024 0.073)
- CIE Lab
- lab(84.56 -6.81 29.27)
- LCH
- lch(84.56 30.05 103.1)
- CMYK
- cmyk(0% 0% 28% 16%)
Tints · Shades · Tones
Tints
- DADAA5
- DEDEAF
- E2E2B9
- E6E7C3
- EAEBCD
- EEEFD7
- F2F3E1
- F7F7EB
- FBFBF5
Shades
- BABA86
- 9E9E72
- 84845E
- 6A6A4B
- 525239
- 3B3B28
- 252518
- 101009
- 020201
Tones
- CDCD99
- C4C496
- BBBC94
- B3B391
- AAAA8F
- A1A28C
- 999989
- 909186
- 888883
Color harmonies
Complementary +180°
- D6D69B
Crocodile Tears
- CECBFF
≈ Lavender Blue
Analogous -30° +30°
- D6D69B
Crocodile Tears
- EECC98
≈ Hummus
- B9DEAD
≈ Bowling Green
Triadic +120° +240°
- D6D69B
Crocodile Tears
- 9BDCFA
≈ Columbia Blue
- F9BEDB
≈ Flamingo Feather
Split-complementary +150° +210°
- D6D69B
Crocodile Tears
- B6D4FF
≈ Ice Cold Stare
- E7C2F3
≈ Purple’s Baby Sister
Tetradic +90° +180° +270°
- D6D69B
Crocodile Tears
- 93E2E4
≈ Aqua Fiesta
- CECBFF
≈ Lavender Blue
- FFBEBF
≈ Peach Scone
Contrast & accessibility
Ag
FailOn white
WCAG 1.50:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.95:1 · APCA Lc 80
Best text color: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--crocodile-tears: #d6d69b;
--crocodile-tears-rgb: 214 214 155;
--crocodile-tears-oklch: oklch(0.862 0.077 107.9);
}
.element {
color: var(--crocodile-tears);
background-color: hsl(60 42% 72%);
border-color: oklch(0.862 0.077 107.9);
}Tailwind CSS v4
@theme {
--color-crocodile-tears: #d6d69b;
--color-crocodile-tears-50: #f6f8df;
--color-crocodile-tears-100: #e9ebcd;
--color-crocodile-tears-200: #d6d8b2;
--color-crocodile-tears-300: #b9bb8e;
--color-crocodile-tears-400: #a2a26c;
--color-crocodile-tears-500: #8b8a4b;
--color-crocodile-tears-600: #767540;
--color-crocodile-tears-700: #5e5e33;
--color-crocodile-tears-800: #464423;
--color-crocodile-tears-900: #302f17;
--color-crocodile-tears-950: #1d1b08;
}SCSS
$crocodile-tears: #d6d69b;
$crocodile-tears-rgb: 214, 214, 155;
$crocodile-tears-light: mix(#fff, $crocodile-tears, 20%);
$crocodile-tears-dark: mix(#000, $crocodile-tears, 20%);
.element {
color: $crocodile-tears;
box-shadow: 0 0 0 2px rgba($crocodile-tears, 0.35);
}