Benannte Farbe · #C3BC90
Candidate
Candidate ist #C3BC90: rgb(195 188 144), hsl(52 30% 66%), oklch(0.79 0.06 100). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Candidate color name →
#C3BC90
oklch(0.79 0.06 100)
Farbumrechnungen
- HEX
- #c3bc90
- RGB
- rgb(195 188 144)
- HSL
- hsl(52 30% 66%)
- HWB
- hwb(52 56% 24%)
- OKLCH
- oklch(0.79 0.06 100)
- OKLab
- oklab(0.79 -0.01 0.059)
- CIE Lab
- lab(76 -2.62 23.3)
- LCH
- lch(76 23.44 96.4)
- CMYK
- cmyk(0% 4% 26% 24%)
Tints · Shades · Tones
Tints
- C9C39B
- CFC9A6
- D5D0B1
- DBD7BC
- E1DDC7
- E7E4D2
- EDEBDD
- F3F1E8
- F9F8F4
Shades
- A9A37D
- 908B6A
- 787357
- 605D45
- 4A4734
- 343224
- 201F15
- 0E0D07
- 020201
Tones
- BCB68F
- B5B08D
- AEAA8C
- A8A48A
- A19E89
- 9A9887
- 939285
- 8D8C84
- 868682
Farbharmonien
Komplementär +180°
- C3BC90
Candidate
- B2B7E1
≈ Beloved
Analog -30° +30°
- C3BC90
Candidate
- D4B491
≈ Crème de Caramel
- AEC39B
≈ Green Eggs & Cam
Triadisch +120° +240°
- C3BC90
Candidate
- 90C4D5
≈ Blue Glint
- D6ACC7
≈ Lofty Delight
Geteilt komplementär +150° +210°
- C3BC90
Candidate
- 9EBEE0
≈ Blair
- C6B0D8
≈ Lavender Field Dreamer
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.92:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.91:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--candidate: #c3bc90;
--candidate-rgb: 195 188 144;
--candidate-oklch: oklch(0.79 0.06 100);
}
.element {
color: var(--candidate);
background-color: hsl(52 30% 66%);
border-color: oklch(0.79 0.06 100);
}Tailwind CSS v4
@theme {
--color-candidate: #c3bc90;
--color-candidate-50: #f8f6e3;
--color-candidate-100: #ebe9d3;
--color-candidate-200: #d9d6b9;
--color-candidate-300: #bdb996;
--color-candidate-400: #a6a077;
--color-candidate-500: #8f8759;
--color-candidate-600: #79734c;
--color-candidate-700: #615c3c;
--color-candidate-800: #48432a;
--color-candidate-900: #322e1d;
--color-candidate-950: #1e1b0d;
}SCSS
$candidate: #c3bc90;
$candidate-rgb: 195, 188, 144;
$candidate-light: mix(#fff, $candidate, 20%);
$candidate-dark: mix(#000, $candidate, 20%);
.element {
color: $candidate;
box-shadow: 0 0 0 2px rgba($candidate, 0.35);
}