Colore con nome · #C3BDAB
White Primer
White Primer è #C3BDAB: rgb(195 189 171), hsl(45 17% 72%), oklch(0.798 0.026 91.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · White Primer color name →
#C3BDAB
oklch(0.798 0.026 91.7)
Conversioni di colore
- HEX
- #c3bdab
- RGB
- rgb(195 189 171)
- HSL
- hsl(45 17% 72%)
- HWB
- hwb(45 67% 24%)
- OKLCH
- oklch(0.798 0.026 91.7)
- OKLab
- oklab(0.798 -0.001 0.026)
- CIE Lab
- lab(76.73 -0.12 9.93)
- LCH
- lch(76.73 9.93 90.7)
- CMYK
- cmyk(0% 3% 12% 24%)
Tinte · Ombre · Toni
Tinte
- C9C3B3
- CFCABB
- D5D0C4
- DBD7CC
- E1DED4
- E7E4DD
- EDEBE5
- F3F2EE
- F9F8F6
Ombre
- A9A494
- 908C7E
- 787468
- 605D54
- 4A4740
- 34332D
- 201F1B
- 0E0D0B
- 020201
Toni
- BCB7A7
- B5B0A2
- AEAA9E
- A8A49A
- A19E95
- 9A9891
- 94928D
- 8D8C88
- 868684
Armonie di colore
Complementare +180°
- C3BDAB
White Primer
- B7BDCE
≈ Arctic Ice
Analogo -30° +30°
- C3BDAB
White Primer
- CABAAD
≈ Bona Fide Beige
- BAC0AE
≈ Kimberley Tree
Triadico +120° +240°
- C3BDAB
White Primer
- ABC2C7
≈ Feathery Blue
- C8B7C5
≈ Ballad
Complementare divisa +150° +210°
- C3BDAB
White Primer
- AFC0CD
≈ Cerulean Tint
- C0BACB
≈ Silverberry
Tetradico +90° +180° +270°
- C3BDAB
White Primer
- ACC3BE
≈ Misty Dreams
- B7BDCE
≈ Arctic Ice
- CCB7BC
≈ Mauve Finery
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.87:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.18:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--white-primer: #c3bdab;
--white-primer-rgb: 195 189 171;
--white-primer-oklch: oklch(0.798 0.026 91.7);
}
.element {
color: var(--white-primer);
background-color: hsl(45 17% 72%);
border-color: oklch(0.798 0.026 91.7);
}Tailwind CSS v4
@theme {
--color-white-primer: #c3bdab;
--color-white-primer-50: #f7f5ed;
--color-white-primer-100: #ebe8de;
--color-white-primer-200: #d8d4c8;
--color-white-primer-300: #bcb7a9;
--color-white-primer-400: #a49e8e;
--color-white-primer-500: #8c8673;
--color-white-primer-600: #777162;
--color-white-primer-700: #5f5b4e;
--color-white-primer-800: #464238;
--color-white-primer-900: #302e27;
--color-white-primer-950: #1d1a15;
}SCSS
$white-primer: #c3bdab;
$white-primer-rgb: 195, 189, 171;
$white-primer-light: mix(#fff, $white-primer, 20%);
$white-primer-dark: mix(#000, $white-primer, 20%);
.element {
color: $white-primer;
box-shadow: 0 0 0 2px rgba($white-primer, 0.35);
}