Nearest named color · #CBBB9A
#CBBB9A
Nearest named color: Intimate Journal
#CBBB9A (rgb(203 187 154), hsl(40 32% 70%), oklch(0.797 0.048 85.2)) is closest to the named color Intimate Journal. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CBBB9A
oklch(0.797 0.048 85.2)
Color conversions
- HEX
- #cbbb9a
- RGB
- rgb(203 187 154)
- HSL
- hsl(40 32% 70%)
- HWB
- hwb(40 60% 20%)
- OKLCH
- oklch(0.797 0.048 85.2)
- OKLab
- oklab(0.797 0.004 0.048)
- CIE Lab
- lab(76.6 2.03 18.95)
- LCH
- lch(76.6 19.06 83.9)
- CMYK
- cmyk(0% 8% 24% 20%)
Tints · Shades · Tones
Tints
- D0C2A4
- D5C8AE
- DACFB8
- E0D6C2
- E5DDCC
- EAE3D6
- EFEAE0
- F4F1EA
- FAF8F5
Shades
- B0A285
- 968A71
- 7D735E
- 655C4B
- 4D4639
- 373227
- 221F17
- 0F0D09
- 020201
Tones
- C3B598
- BCAF95
- B4A993
- ACA390
- A59D8D
- 9D978B
- 969188
- 8F8C85
- 878683
Color harmonies
Complementary +180°
- CBBB9A
Intimate Journal
- AEBDDD
≈ Pigeon Post
Analogous -30° +30°
- CBBB9A
Intimate Journal
- D6B5A0
≈ Kraft Paper
- BBC19E
≈ Animal Kingdom
Triadic +120° +240°
- CBBB9A
Intimate Journal
- 99C6CC
≈ Continental Waters
- CDB3CE
≈ Elfin Herb
Split-complementary +150° +210°
- CBBB9A
Intimate Journal
- A0C2D8
≈ Metal Gear
- BEB7D9
≈ Tinted Iris
Tetradic +90° +180° +270°
- CBBB9A
Intimate Journal
- 9DC7BB
≈ Cool Juniper
- AEBDDD
≈ Pigeon Post
- D7B0BE
≈ Kindness
Contrast & accessibility
Ag
FailOn white
WCAG 1.88:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.11:1 · APCA Lc 67
Best text color: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--intimate-journal: #cbbb9a;
--intimate-journal-rgb: 203 187 154;
--intimate-journal-oklch: oklch(0.797 0.048 85.2);
}
.element {
color: var(--intimate-journal);
background-color: hsl(40 32% 70%);
border-color: oklch(0.797 0.048 85.2);
}Tailwind CSS v4
@theme {
--color-intimate-journal: #cbbb9a;
--color-intimate-journal-50: #fbf5e6;
--color-intimate-journal-100: #efe7d6;
--color-intimate-journal-200: #ddd3bd;
--color-intimate-journal-300: #c2b69c;
--color-intimate-journal-400: #ac9d7e;
--color-intimate-journal-500: #958461;
--color-intimate-journal-600: #7e7053;
--color-intimate-journal-700: #655942;
--color-intimate-journal-800: #4a412f;
--color-intimate-journal-900: #342d20;
--color-intimate-journal-950: #1f1a10;
}SCSS
$intimate-journal: #cbbb9a;
$intimate-journal-rgb: 203, 187, 154;
$intimate-journal-light: mix(#fff, $intimate-journal, 20%);
$intimate-journal-dark: mix(#000, $intimate-journal, 20%);
.element {
color: $intimate-journal;
box-shadow: 0 0 0 2px rgba($intimate-journal, 0.35);
}