Cor nomeada · #B98033
Cider Toddy
Cider Toddy é #B98033: rgb(185 128 51), hsl(34 57% 46%), oklch(0.644 0.115 70.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cider Toddy color name →
#B98033
oklch(0.644 0.115 70.9)
Conversões de cor
- HEX
- #b98033
- RGB
- rgb(185 128 51)
- HSL
- hsl(34 57% 46%)
- HWB
- hwb(34 20% 27%)
- OKLCH
- oklch(0.644 0.115 70.9)
- OKLab
- oklab(0.644 0.038 0.109)
- CIE Lab
- lab(58.48 17.55 49.16)
- LCH
- lch(58.48 52.19 70.4)
- CMYK
- cmyk(0% 31% 72% 27%)
Tons claros · Sombras · Tons
Tons claros
- C08D4B
- C89961
- CFA675
- D6B289
- DDBF9C
- E4CCB0
- EBD8C4
- F2E5D7
- F8F2EB
Sombras
- A06E2B
- 895D23
- 714D1C
- 5B3D14
- 462E0D
- 311F07
- 1E1203
- 0D0601
- 020100
Tons
- B4803F
- AE8148
- A88151
- A38159
- 9D8160
- 978167
- 92816E
- 8C8174
- 86807A
Harmonias de cor
Complementar +180°
- B98033
Cider Toddy
- 5491D1
≈ Blue Dart
Análoga -30° +30°
- B98033
Cider Toddy
- C87454
≈ Spanish Peanut
- 9D8F2F
≈ Sleepy Hamlet
Tríade +120° +240°
- B98033
Cider Toddy
- 00A29D
≈ Aqua Velvet
- A478C1
≈ Wisteria
Complementar dividida +150° +210°
- B98033
Cider Toddy
- 109DBE
≈ Delos Blue
- 8184D2
≈ Tanzine
Tétrade +90° +180° +270°
- B98033
Cider Toddy
- 3FA376
≈ Linoleum Green
- 5491D1
≈ Blue Dart
- BC70A2
≈ Crocus
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.38:1 · APCA Lc 61
Ag
AASobre preto
WCAG 6.19:1 · APCA Lc 41
Melhor cor de texto: #000000
WCAG 6.19:1 (AA) · APCA Lc 41
Contrast pairs
Trechos de código
CSS
:root {
--cider-toddy: #b98033;
--cider-toddy-rgb: 185 128 51;
--cider-toddy-oklch: oklch(0.644 0.115 70.9);
}
.element {
color: var(--cider-toddy);
background-color: hsl(34 57% 46%);
border-color: oklch(0.644 0.115 70.9);
}Tailwind CSS v4
@theme {
--color-cider-toddy: #b98033;
--color-cider-toddy-50: #fff1d2;
--color-cider-toddy-100: #ffe3be;
--color-cider-toddy-200: #f3cd9e;
--color-cider-toddy-300: #dcae74;
--color-cider-toddy-400: #c9924c;
--color-cider-toddy-500: #b57716;
--color-cider-toddy-600: #996517;
--color-cider-toddy-700: #7b5113;
--color-cider-toddy-800: #5c3a0c;
--color-cider-toddy-900: #402808;
--color-cider-toddy-950: #291600;
}SCSS
$cider-toddy: #b98033;
$cider-toddy-rgb: 185, 128, 51;
$cider-toddy-light: mix(#fff, $cider-toddy, 20%);
$cider-toddy-dark: mix(#000, $cider-toddy, 20%);
.element {
color: $cider-toddy;
box-shadow: 0 0 0 2px rgba($cider-toddy, 0.35);
}