Colore con nome più vicino · #CFD0A0
#CFD0A0
Colore con nome più vicino: Court-Bouillon
#CFD0A0 (rgb(207 208 160), hsl(61 34% 72%), oklch(0.845 0.064 108.7)) è più vicino al colore con nome Court-Bouillon. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#CFD0A0
oklch(0.845 0.064 108.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D4D5AA
- D8D9B3
- DDDEBD
- E2E3C6
- E7E7CF
- EBECD9
- F0F1E2
- F5F6EC
- FAFAF5
Ombre
- B4B58B
- 999A76
- 7F8061
- 67674E
- 4F4F3B
- 383929
- 232319
- 101009
- 020201
Toni
- C7C89D
- BFC09A
- B7B797
- AEAF94
- A7A791
- 9F9F8D
- 97978A
- 8F9087
- 888883
Armonie di colore
Complementare +180°
- CFD0A0
Court-Bouillon
- CAC6F4
≈ Soap
Analogo -30° +30°
- CFD0A0
Court-Bouillon
- E3C89E
≈ Biltmore Buff
- B8D7AF
≈ Bleached Spruce
Triadico +120° +240°
- CFD0A0
Court-Bouillon
- A1D5ED
≈ Light Deluxe Days
- EDBCD3
≈ Sweet Taffy
Complementare divisa +150° +210°
- CFD0A0
Court-Bouillon
- B3CEF6
≈ Ice Cold Stare
- DEBFE7
≈ Glittering Gemstone
Tetradico +90° +180° +270°
- CFD0A0
Court-Bouillon
- 9AD9DC
≈ Lake Reflection
- CAC6F4
≈ Soap
- F3BCBC
≈ Blush Rush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.18:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
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);
}