Benannte Farbe · #AD785C
Tobey Rattan
Tobey Rattan ist #AD785C: rgb(173 120 92), hsl(21 33% 52%), oklch(0.62 0.078 48.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Tobey Rattan color name →
#AD785C
oklch(0.62 0.078 48.7)
Farbumrechnungen
- HEX
- #ad785c
- RGB
- rgb(173 120 92)
- HSL
- hsl(21 33% 52%)
- HWB
- hwb(21 36% 32%)
- OKLCH
- oklch(0.62 0.078 48.7)
- OKLab
- oklab(0.62 0.051 0.059)
- CIE Lab
- lab(55.49 18.9 24.13)
- LCH
- lch(55.49 30.65 51.9)
- CMYK
- cmyk(0% 31% 47% 32%)
Tints · Shades · Tones
Tints
- B6856C
- BE927B
- C69F8B
- CFAD9B
- D7BAAB
- DFC8BC
- E7D5CC
- EFE3DD
- F7F1EE
Shades
- 96674F
- 7F5742
- 6A4836
- 55392A
- 412A1F
- 2D1D14
- 1B100A
- 0B0503
- 010100
Tones
- A97960
- A57A64
- A07B68
- 9C7C6B
- 977D6F
- 937D72
- 8E7E76
- 8A7F79
- 857F7D
Farbharmonien
Komplementär +180°
- AD785C
Tobey Rattan
- 508FAC
≈ Sora Sky
Analog -30° +30°
- AD785C
Tobey Rattan
- B07374
≈ Red Gerbera
- A0814E
≈ Dijon
Triadisch +120° +240°
- AD785C
Tobey Rattan
- 53957E
≈ Puerto Princesa
- 847FB3
≈ Murex
Geteilt komplementär +150° +210°
- AD785C
Tobey Rattan
- 459598
≈ Catalan
- 6987B5
≈ Kimono
Tetradisch +90° +180° +270°
- AD785C
Tobey Rattan
- 6E9264
≈ Blade Green
- 508FAC
≈ Sora Sky
- 9A77A4
≈ Pishposh
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.73:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.61:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--tobey-rattan: #ad785c;
--tobey-rattan-rgb: 173 120 92;
--tobey-rattan-oklch: oklch(0.62 0.078 48.7);
}
.element {
color: var(--tobey-rattan);
background-color: hsl(21 33% 52%);
border-color: oklch(0.62 0.078 48.7);
}Tailwind CSS v4
@theme {
--color-tobey-rattan: #ad785c;
--color-tobey-rattan-50: #ffefe2;
--color-tobey-rattan-100: #fee1d1;
--color-tobey-rattan-200: #f1cbb7;
--color-tobey-rattan-300: #d9ad94;
--color-tobey-rattan-400: #c59176;
--color-tobey-rattan-500: #b17657;
--color-tobey-rattan-600: #95644a;
--color-tobey-rattan-700: #78503b;
--color-tobey-rattan-800: #593a2b;
--color-tobey-rattan-900: #3e281d;
--color-tobey-rattan-950: #27160d;
}SCSS
$tobey-rattan: #ad785c;
$tobey-rattan-rgb: 173, 120, 92;
$tobey-rattan-light: mix(#fff, $tobey-rattan, 20%);
$tobey-rattan-dark: mix(#000, $tobey-rattan, 20%);
.element {
color: $tobey-rattan;
box-shadow: 0 0 0 2px rgba($tobey-rattan, 0.35);
}