Cor nomeada · #CAAC91
Pottery Wheel
Pottery Wheel é #CAAC91: rgb(202 172 145), hsl(28 35% 68%), oklch(0.764 0.051 63.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pottery Wheel color name →
#CAAC91
oklch(0.764 0.051 63.9)
Conversões de cor
- HEX
- #caac91
- RGB
- rgb(202 172 145)
- HSL
- hsl(28 35% 68%)
- HWB
- hwb(28 57% 21%)
- OKLCH
- oklch(0.764 0.051 63.9)
- OKLab
- oklab(0.764 0.022 0.046)
- CIE Lab
- lab(72.52 8.28 18.2)
- LCH
- lch(72.52 19.99 65.5)
- CMYK
- cmyk(0% 15% 28% 21%)
Tons claros · Sombras · Tons
Tons claros
- CFB49C
- D5BCA6
- DAC4B1
- DFCDBC
- E5D5C7
- EADDD2
- EFE6DD
- F4EEE8
- FAF7F4
Sombras
- AF957D
- 957F6A
- 7C6958
- 645446
- 4D4035
- 372D25
- 221B15
- 0F0B07
- 020101
Tons
- C2A88F
- BBA38E
- B39F8C
- AC9A8B
- A59689
- 9D9187
- 968D85
- 8F8984
- 878482
Harmonias de cor
Complementar +180°
- CAAC91
Pottery Wheel
- 97B7D1
≈ Sea Mark
Análoga -30° +30°
- CAAC91
Pottery Wheel
- D1A79D
≈ Cinnamon Cocoa
- BDB28E
≈ Wasabi Powder
Tríade +120° +240°
- CAAC91
Pottery Wheel
- 8EBDB6
≈ Chinese Tzu
- B9ABCD
≈ Jacey’s Favourite
Complementar dividida +150° +210°
- CAAC91
Pottery Wheel
- 8DBBC6
≈ Blue Echo
- A8B1D4
≈ Awesome Violet
Tétrade +90° +180° +270°
- CAAC91
Pottery Wheel
- 9ABCA4
≈ Reeds
- 97B7D1
≈ Sea Mark
- C7A7C0
≈ Lilac Fluff
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.82:1 · APCA Lc 60
Melhor cor de texto: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Trechos de código
CSS
:root {
--pottery-wheel: #caac91;
--pottery-wheel-rgb: 202 172 145;
--pottery-wheel-oklch: oklch(0.764 0.051 63.9);
}
.element {
color: var(--pottery-wheel);
background-color: hsl(28 35% 68%);
border-color: oklch(0.764 0.051 63.9);
}Tailwind CSS v4
@theme {
--color-pottery-wheel: #caac91;
--color-pottery-wheel-50: #fff3e6;
--color-pottery-wheel-100: #f4e5d6;
--color-pottery-wheel-200: #e4d0be;
--color-pottery-wheel-300: #cab39c;
--color-pottery-wheel-400: #b4997f;
--color-pottery-wheel-500: #9f7f63;
--color-pottery-wheel-600: #866c54;
--color-pottery-wheel-700: #6b5643;
--color-pottery-wheel-800: #4f3f30;
--color-pottery-wheel-900: #372b21;
--color-pottery-wheel-950: #221810;
}SCSS
$pottery-wheel: #caac91;
$pottery-wheel-rgb: 202, 172, 145;
$pottery-wheel-light: mix(#fff, $pottery-wheel, 20%);
$pottery-wheel-dark: mix(#000, $pottery-wheel, 20%);
.element {
color: $pottery-wheel;
box-shadow: 0 0 0 2px rgba($pottery-wheel, 0.35);
}