Nazwany kolor · #AD8068
Cuddlepot
Cuddlepot to #AD8068: rgb(173 128 104), hsl(21 30% 54%), oklch(0.638 0.066 49.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cuddlepot color name →
#AD8068
oklch(0.638 0.066 49.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B58C76
- BE9985
- C6A594
- CEB1A2
- D6BEB1
- DFCBC1
- E7D8D0
- EFE5DF
- F7F2EF
Odcienie ciemniejsze
- 966E59
- 7F5D4B
- 6A4D3E
- 553D30
- 412E24
- 2D1F18
- 1B120C
- 0B0604
- 010100
Tony
- A9806B
- A4806D
- A08070
- 9C8072
- 978075
- 938077
- 8E8079
- 89807C
- 85807E
Harmonie kolorów
Komplementarna +180°
- AD8068
Cuddlepot
- 6094AC
≈ Blue Persia
Analogowa -30° +30°
- AD8068
Cuddlepot
- B07C7C
≈ Taffeta Darling
- A1875D
≈ Mother Lode
Triada +120° +240°
- AD8068
Cuddlepot
- 629985
≈ Succulent Green
- 8A85B2
≈ Aster Purple
Komplementarna rozszczepiona +150° +210°
- AD8068
Cuddlepot
- 58989B
≈ Aquarius Reef Base
- 748DB4
≈ Hushed Lilac
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.46:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.06:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
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);
}