Benannte Farbe · #AD8068
Cuddlepot
Cuddlepot ist #AD8068: rgb(173 128 104), hsl(21 30% 54%), oklch(0.638 0.066 49.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cuddlepot color name →
#AD8068
oklch(0.638 0.066 49.2)
Farbumrechnungen
- HEX
- #ad8068
- RGB
- rgb(173 128 104)
- HSL
- hsl(21 30% 54%)
- HWB
- hwb(21 41% 32%)
- OKLCH
- oklch(0.638 0.066 49.2)
- OKLab
- oklab(0.638 0.043 0.05)
- CIE Lab
- lab(57.67 15.59 20.21)
- LCH
- lch(57.67 25.53 52.4)
- CMYK
- cmyk(0% 26% 40% 32%)
Tints · Shades · Tones
Tints
- B58C76
- BE9985
- C6A594
- CEB1A2
- D6BEB1
- DFCBC1
- E7D8D0
- EFE5DF
- F7F2EF
Shades
- 966E59
- 7F5D4B
- 6A4D3E
- 553D30
- 412E24
- 2D1F18
- 1B120C
- 0B0604
- 010100
Tones
- A9806B
- A4806D
- A08070
- 9C8072
- 978075
- 938077
- 8E8079
- 89807C
- 85807E
Farbharmonien
Komplementär +180°
- AD8068
Cuddlepot
- 6094AC
≈ Blue Persia
Analog -30° +30°
- AD8068
Cuddlepot
- B07C7C
≈ Taffeta Darling
- A1875D
≈ Mother Lode
Triadisch +120° +240°
- AD8068
Cuddlepot
- 629985
≈ Succulent Green
- 8A85B2
≈ Aster Purple
Geteilt komplementär +150° +210°
- AD8068
Cuddlepot
- 58989B
≈ Aquarius Reef Base
- 748DB4
≈ Hushed Lilac
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.46:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.06:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--cuddlepot: #ad8068;
--cuddlepot-rgb: 173 128 104;
--cuddlepot-oklch: oklch(0.638 0.066 49.2);
}
.element {
color: var(--cuddlepot);
background-color: hsl(21 30% 54%);
border-color: oklch(0.638 0.066 49.2);
}Tailwind CSS v4
@theme {
--color-cuddlepot: #ad8068;
--color-cuddlepot-50: #fff0e5;
--color-cuddlepot-100: #fbe2d4;
--color-cuddlepot-200: #eccdbb;
--color-cuddlepot-300: #d4ae99;
--color-cuddlepot-400: #bf937c;
--color-cuddlepot-500: #aa795f;
--color-cuddlepot-600: #906751;
--color-cuddlepot-700: #735240;
--color-cuddlepot-800: #563b2f;
--color-cuddlepot-900: #3c291f;
--color-cuddlepot-950: #25170f;
}SCSS
$cuddlepot: #ad8068;
$cuddlepot-rgb: 173, 128, 104;
$cuddlepot-light: mix(#fff, $cuddlepot, 20%);
$cuddlepot-dark: mix(#000, $cuddlepot, 20%);
.element {
color: $cuddlepot;
box-shadow: 0 0 0 2px rgba($cuddlepot, 0.35);
}