Benannte Farbe · #A9765D
Clay Court
Clay Court ist #A9765D: rgb(169 118 93), hsl(20 31% 51%), oklch(0.612 0.074 47). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Clay Court color name →
#A9765D
oklch(0.612 0.074 47)
Farbumrechnungen
- HEX
- #a9765d
- RGB
- rgb(169 118 93)
- HSL
- hsl(20 31% 51%)
- HWB
- hwb(20 36% 34%)
- OKLCH
- oklch(0.612 0.074 47)
- OKLab
- oklab(0.612 0.051 0.054)
- CIE Lab
- lab(54.53 18.36 22.21)
- LCH
- lch(54.53 28.82 50.4)
- CMYK
- cmyk(0% 30% 45% 34%)
Tints · Shades · Tones
Tints
- B2836C
- BB907C
- C39E8C
- CCAB9C
- D5B9AC
- DDC7BC
- E6D5CC
- EEE3DD
- F7F1EE
Shades
- 926650
- 7C5643
- 674737
- 53382A
- 3F291F
- 2C1C14
- 1B0F0A
- 0A0503
- 010100
Tones
- A57761
- A17865
- 9D7A68
- 997B6C
- 957C6F
- 917D73
- 8D7E76
- 897E79
- 847F7D
Farbharmonien
Komplementär +180°
- A9765D
Clay Court
- 508DA6
≈ Blue Chaise
Analog -30° +30°
- A9765D
Clay Court
- AC7174
≈ Horizon Glow
- 9D7E4F
≈ Bronzed Brass
Triadisch +120° +240°
- A9765D
Clay Court
- 55927A
≈ Puerto Princesa
- 807DAE
≈ Murex
Geteilt komplementär +150° +210°
- A9765D
Clay Court
- 479293
≈ Catalan
- 6785B0
≈ Perfect Periwinkle
Tetradisch +90° +180° +270°
- A9765D
Clay Court
- 6F8E62
≈ Villandry
- 508DA6
≈ Blue Chaise
- 9676A1
≈ Diffused Orchid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.86:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.43:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--clay-court: #a9765d;
--clay-court-rgb: 169 118 93;
--clay-court-oklch: oklch(0.612 0.074 47);
}
.element {
color: var(--clay-court);
background-color: hsl(20 31% 51%);
border-color: oklch(0.612 0.074 47);
}Tailwind CSS v4
@theme {
--color-clay-court: #a9765d;
--color-clay-court-50: #fff0e3;
--color-clay-court-100: #fee1d3;
--color-clay-court-200: #f0ccb9;
--color-clay-court-300: #d8ad96;
--color-clay-court-400: #c49179;
--color-clay-court-500: #af775b;
--color-clay-court-600: #94654e;
--color-clay-court-700: #77503e;
--color-clay-court-800: #583a2d;
--color-clay-court-900: #3e281e;
--color-clay-court-950: #27160e;
}SCSS
$clay-court: #a9765d;
$clay-court-rgb: 169, 118, 93;
$clay-court-light: mix(#fff, $clay-court, 20%);
$clay-court-dark: mix(#000, $clay-court, 20%);
.element {
color: $clay-court;
box-shadow: 0 0 0 2px rgba($clay-court, 0.35);
}