Color con nombre · #B68960
Tudor Tan
Tudor Tan es #B68960: rgb(182 137 96), hsl(29 37% 55%), oklch(0.664 0.079 63.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Tudor Tan color name →
#B68960
oklch(0.664 0.079 63.2)
Conversiones de color
- HEX
- #b68960
- RGB
- rgb(182 137 96)
- HSL
- hsl(29 37% 55%)
- HWB
- hwb(29 38% 29%)
- OKLCH
- oklch(0.664 0.079 63.2)
- OKLab
- oklab(0.664 0.035 0.07)
- CIE Lab
- lab(60.83 13.96 28.97)
- LCH
- lch(60.83 32.15 64.3)
- CMYK
- cmyk(0% 25% 47% 29%)
Tintes · Sombras · Tonos
Tintes
- BD9470
- C5A07F
- CCAC8F
- D4B79F
- DBC3AE
- E2CFBE
- EADBCE
- F1E7DE
- F8F3EF
Sombras
- 9E7652
- 866445
- 6F5338
- 59422C
- 443120
- 302215
- 1D140A
- 0C0703
- 020100
Tonos
- B18864
- AB8867
- A6876B
- A1866E
- 9B8572
- 968475
- 918378
- 8B827A
- 86817D
Armonías de color
Complementario +180°
- B68960
Tudor Tan
- 6899C0
≈ Cerulean Frost
Análogo -30° +30°
- B68960
Tudor Tan
- BF8274
≈ Kitchen Terra Cotta
- A4935A
≈ Desert Yellow
Triádico +120° +240°
- B68960
Tudor Tan
- 57A398
≈ Polished Pine
- 9D88BB
≈ Sand Verbena
Complementario dividido +150° +210°
- B68960
Tudor Tan
- 54A0B0
≈ Maui Blue
- 8390C4
≈ Safflowerish Sky
Tetrádico +90° +180° +270°
- B68960
Tudor Tan
- 6DA27D
≈ Growth
- 6899C0
≈ Cerulean Frost
- B182A8
≈ Purple Stripe
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.11:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.73:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--tudor-tan: #b68960;
--tudor-tan-rgb: 182 137 96;
--tudor-tan-oklch: oklch(0.664 0.079 63.2);
}
.element {
color: var(--tudor-tan);
background-color: hsl(29 37% 55%);
border-color: oklch(0.664 0.079 63.2);
}Tailwind CSS v4
@theme {
--color-tudor-tan: #b68960;
--color-tudor-tan-50: #fff1de;
--color-tudor-tan-100: #fbe3cd;
--color-tudor-tan-200: #ecceb2;
--color-tudor-tan-300: #d4b08d;
--color-tudor-tan-400: #c0956e;
--color-tudor-tan-500: #ab7a4d;
--color-tudor-tan-600: #916842;
--color-tudor-tan-700: #745334;
--color-tudor-tan-800: #563c25;
--color-tudor-tan-900: #3c2919;
--color-tudor-tan-950: #26170a;
}SCSS
$tudor-tan: #b68960;
$tudor-tan-rgb: 182, 137, 96;
$tudor-tan-light: mix(#fff, $tudor-tan, 20%);
$tudor-tan-dark: mix(#000, $tudor-tan, 20%);
.element {
color: $tudor-tan;
box-shadow: 0 0 0 2px rgba($tudor-tan, 0.35);
}