Colore con nome · #C6C2AB
Organic Field
Organic Field è #C6C2AB: rgb(198 194 171), hsl(51 19% 72%), oklch(0.811 0.032 99). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Organic Field color name →
#C6C2AB
oklch(0.811 0.032 99)
Conversioni di colore
- HEX
- #c6c2ab
- RGB
- rgb(198 194 171)
- HSL
- hsl(51 19% 72%)
- HWB
- hwb(51 67% 22%)
- OKLCH
- oklch(0.811 0.032 99)
- OKLab
- oklab(0.811 -0.005 0.031)
- CIE Lab
- lab(78.29 -1.47 12.15)
- LCH
- lch(78.29 12.24 96.9)
- CMYK
- cmyk(0% 2% 14% 22%)
Tinte · Ombre · Toni
Tinte
- CCC8B3
- D1CEBB
- D7D4C4
- DCDACC
- E2E0D4
- E8E6DD
- EEECE5
- F3F3EE
- F9F9F6
Ombre
- ACA894
- 928F7E
- 7A7768
- 626054
- 4B4940
- 35342D
- 21201B
- 0E0E0B
- 020201
Toni
- BFBBA7
- B8B4A2
- B0AE9E
- A9A79A
- A2A095
- 9B9A91
- 94938D
- 8E8D89
- 878684
Armonie di colore
Complementare +180°
- C6C2AB
Organic Field
- BCC0D6
≈ Xenon Blue
Analogo -30° +30°
- C6C2AB
Organic Field
- CFBEAC
≈ Malabar
- BBC6B0
≈ Pattipan
Triadico +120° +240°
- C6C2AB
Organic Field
- ACC7CF
≈ Roquefort Blue
- D0BAC8
≈ Antique Heather
Complementare divisa +150° +210°
- C6C2AB
Organic Field
- B2C3D5
≈ Elevated
- C7BCD1
≈ Purpling Dawn
Tetradico +90° +180° +270°
- C6C2AB
Organic Field
- ABC8C5
≈ Peppermint Pie
- BCC0D6
≈ Xenon Blue
- D5B9BD
≈ Nostalgia
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.70:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.70:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--organic-field: #c6c2ab;
--organic-field-rgb: 198 194 171;
--organic-field-oklch: oklch(0.811 0.032 99);
}
.element {
color: var(--organic-field);
background-color: hsl(51 19% 72%);
border-color: oklch(0.811 0.032 99);
}Tailwind CSS v4
@theme {
--color-organic-field: #c6c2ab;
--color-organic-field-50: #f7f6eb;
--color-organic-field-100: #eae8dd;
--color-organic-field-200: #d7d5c6;
--color-organic-field-300: #bbb8a6;
--color-organic-field-400: #a39f8a;
--color-organic-field-500: #8b876f;
--color-organic-field-600: #76725e;
--color-organic-field-700: #5e5b4b;
--color-organic-field-800: #454336;
--color-organic-field-900: #302e25;
--color-organic-field-950: #1c1b14;
}SCSS
$organic-field: #c6c2ab;
$organic-field-rgb: 198, 194, 171;
$organic-field-light: mix(#fff, $organic-field, 20%);
$organic-field-dark: mix(#000, $organic-field, 20%);
.element {
color: $organic-field;
box-shadow: 0 0 0 2px rgba($organic-field, 0.35);
}