Nearest named color · #CFD0A0
#CFD0A0
Nearest named color: Court-Bouillon
#CFD0A0 (rgb(207 208 160), hsl(61 34% 72%), oklch(0.845 0.064 108.7)) is closest to the named color Court-Bouillon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CFD0A0
oklch(0.845 0.064 108.7)
Color conversions
- HEX
- #cfd0a0
- RGB
- rgb(207 208 160)
- HSL
- hsl(61 34% 72%)
- HWB
- hwb(61 63% 18%)
- OKLCH
- oklch(0.845 0.064 108.7)
- OKLab
- oklab(0.845 -0.02 0.06)
- CIE Lab
- lab(82.5 -6.11 23.84)
- LCH
- lch(82.5 24.61 104.4)
- CMYK
- cmyk(0% 0% 23% 18%)
Tints · Shades · Tones
Tints
- D4D5AA
- D8D9B3
- DDDEBD
- E2E3C6
- E7E7CF
- EBECD9
- F0F1E2
- F5F6EC
- FAFAF5
Shades
- B4B58B
- 999A76
- 7F8061
- 67674E
- 4F4F3B
- 383929
- 232319
- 101009
- 020201
Tones
- C7C89D
- BFC09A
- B7B797
- AEAF94
- A7A791
- 9F9F8D
- 97978A
- 8F9087
- 888883
Color harmonies
Complementary +180°
- CFD0A0
Court-Bouillon
- CAC6F4
≈ Soap
Analogous -30° +30°
- CFD0A0
Court-Bouillon
- E3C89E
≈ Biltmore Buff
- B8D7AF
≈ Bleached Spruce
Triadic +120° +240°
- CFD0A0
Court-Bouillon
- A1D5ED
≈ Light Deluxe Days
- EDBCD3
≈ Sweet Taffy
Split-complementary +150° +210°
- CFD0A0
Court-Bouillon
- B3CEF6
≈ Ice Cold Stare
- DEBFE7
≈ Glittering Gemstone
Tetradic +90° +180° +270°
- CFD0A0
Court-Bouillon
- 9AD9DC
≈ Lake Reflection
- CAC6F4
≈ Soap
- F3BCBC
≈ Blush Rush
Contrast & accessibility
Ag
FailOn white
WCAG 1.59:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.18:1 · APCA Lc 76
Best text color: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--court-bouillon: #cfd0a0;
--court-bouillon-rgb: 207 208 160;
--court-bouillon-oklch: oklch(0.845 0.064 108.7);
}
.element {
color: var(--court-bouillon);
background-color: hsl(61 34% 72%);
border-color: oklch(0.845 0.064 108.7);
}Tailwind CSS v4
@theme {
--color-court-bouillon: #cfd0a0;
--color-court-bouillon-50: #f6f7e3;
--color-court-bouillon-100: #e8ead2;
--color-court-bouillon-200: #d5d7b8;
--color-court-bouillon-300: #b8bb96;
--color-court-bouillon-400: #a1a276;
--color-court-bouillon-500: #898a57;
--color-court-bouillon-600: #74754b;
--color-court-bouillon-700: #5d5d3b;
--color-court-bouillon-800: #45442a;
--color-court-bouillon-900: #302f1c;
--color-court-bouillon-950: #1c1b0c;
}SCSS
$court-bouillon: #cfd0a0;
$court-bouillon-rgb: 207, 208, 160;
$court-bouillon-light: mix(#fff, $court-bouillon, 20%);
$court-bouillon-dark: mix(#000, $court-bouillon, 20%);
.element {
color: $court-bouillon;
box-shadow: 0 0 0 2px rgba($court-bouillon, 0.35);
}