Benannte Farbe · #DDAD56
Rob Roy
Rob Roy ist #DDAD56: rgb(221 173 86), hsl(39 67% 60%), oklch(0.775 0.119 80.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Rob Roy color name →
#DDAD56
oklch(0.775 0.119 80.3)
Farbumrechnungen
- HEX
- #ddad56
- RGB
- rgb(221 173 86)
- HSL
- hsl(39 67% 60%)
- HWB
- hwb(39 34% 13%)
- OKLCH
- oklch(0.775 0.119 80.3)
- OKLab
- oklab(0.775 0.02 0.117)
- CIE Lab
- lab(73.94 11.21 50.75)
- LCH
- lch(73.94 51.97 77.5)
- CMYK
- cmyk(0% 22% 61% 13%)
Tints · Shades · Tones
Tints
- E1B569
- E4BE7C
- E8C68D
- EBCE9E
- EFD6AE
- F2DFBE
- F5E7CF
- F9EFDF
- FCF7EF
Shades
- C0964A
- A47F3E
- 886A32
- 6E5527
- 55411C
- 3D2D12
- 261B08
- 110B02
- 020100
Tones
- D3A95D
- CAA463
- C1A068
- B79B6C
- AE9771
- A59274
- 9B8E78
- 92897B
- 89857E
Farbharmonien
Komplementär +180°
- DDAD56
Rob Roy
- 8BB6FF
≈ Carolina Blue
Analog -30° +30°
- DDAD56
Rob Roy
- F29F6E
≈ Monarch Orange
- BABC5E
≈ Avocado Cream
Triadisch +120° +240°
- DDAD56
Rob Roy
- 3ACCD4
≈ Sea Serpent
- D89CE4
≈ Bright Ube
Geteilt komplementär +150° +210°
- DDAD56
Rob Roy
- 59C3F3
≈ Blue Mana
- B5A8FC
≈ Shy Moment
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.06:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.18:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--rob-roy: #ddad56;
--rob-roy-rgb: 221 173 86;
--rob-roy-oklch: oklch(0.775 0.119 80.3);
}
.element {
color: var(--rob-roy);
background-color: hsl(39 67% 60%);
border-color: oklch(0.775 0.119 80.3);
}Tailwind CSS v4
@theme {
--color-rob-roy: #ddad56;
--color-rob-roy-50: #fff3cf;
--color-rob-roy-100: #fce5bc;
--color-rob-roy-200: #eed09a;
--color-rob-roy-300: #d6b26f;
--color-rob-roy-400: #c39644;
--color-rob-roy-500: #ae7c00;
--color-rob-roy-600: #936903;
--color-rob-roy-700: #765406;
--color-rob-roy-800: #583c03;
--color-rob-roy-900: #3e2a03;
--color-rob-roy-950: #271700;
}SCSS
$rob-roy: #ddad56;
$rob-roy-rgb: 221, 173, 86;
$rob-roy-light: mix(#fff, $rob-roy, 20%);
$rob-roy-dark: mix(#000, $rob-roy, 20%);
.element {
color: $rob-roy;
box-shadow: 0 0 0 2px rgba($rob-roy, 0.35);
}