Cor nomeada do CSS
Cor Burlywood #DEB887
Burlywood (palavra-chave burlywood no CSS) tem o código hex #DEB887 e o valor RGB rgb(222, 184, 135): um bege-amarronzado suave e muito claro.
Um dos tons de madeira e couro do X11, junto de tan, peru e sandybrown; a lista de cores do X11 não documenta a origem do nome. É um bege-areia claro.
Códigos da cor Burlywood
| Palavra-chave CSS | burlywood |
|---|---|
| HEX | #DEB887 |
| RGB | rgb(222, 184, 135) |
| HSL | hsl(34, 57%, 70%) |
| HWB | hwb(34 53% 13%) |
| OKLCH | oklch(80.5% 0.078 73.4) |
| CMYK (simples, sem perfil ICC) | cmyk(0%, 17%, 39%, 13%) |
| Decimal | 14.596.231 |
| Família de matiz | Marrons e beges |
Contraste e acessibilidade
Sobre burlywood, texto preto tem contraste de 11,31:1 e passa no AAA para qualquer tamanho de texto; texto branco fica em 1,85:1.
Razões de contraste do WCAG 2.2 (critérios 1.4.3 e 1.4.6: AA exige 4,5:1 para texto normal e 3:1 para texto grande; AAA exige 7:1 e 4,5:1). APCA Lc é o contraste de luminosidade do modelo APCA-W3 0.0.98G proposto para o WCAG 3; quanto maior o valor absoluto, mais legível, e Lc 75 é o mínimo sugerido para texto corrido.
| Combinação | Razão | AA | AA grande | AAA | AAA grande | APCA Lc |
|---|---|---|---|---|---|---|
| Texto preto sobre burlywood | 11,31:1 | Passa | Passa | Passa | Passa | 68,9 |
| Texto branco sobre burlywood | 1,85:1 | Falha | Falha | Falha | Falha | −39,1 |
| Texto burlywood sobre branco | 1,85:1 | Falha | Falha | Falha | Falha | 34,9 |
| Texto burlywood sobre preto | 11,31:1 | Passa | Passa | Passa | Passa | −67,6 |
Tons claros e escuros
Cada passo mistura burlywood com branco (tons claros) ou preto (tons escuros) em sRGB com correção gama, o mesmo resultado de color-mix(in srgb, burlywood, white 25%) no CSS.
Tons claros (misturados com branco)
- 5%
#e0bc8d - 15%
#e3c399 - 25%
#e6caa5 - 35%
#ead1b1 - 45%
#edd8bd - 55%
#f0dfc9 - 65%
#f3e6d5 - 75%
#f7ede1 - 85%
#faf4ed - 95%
#fdfbf9
Tons escuros (misturados com preto)
- 5%
#d3af80 - 15%
#bd9c73 - 25%
#a78a65 - 35%
#907858 - 45%
#7a654a - 55%
#64533d - 65%
#4e402f - 75%
#382e22 - 85%
#211c14 - 95%
#0b0907
Harmonias de cor
Girando o matiz em OKLCH e mantendo luminosidade e croma, a complementar de burlywood é #9CC3F1 (perto de lightskyblue), as análogas são #EBAF97 e #C8C287 e a tríade se completa com #81CFCD e #D1B1E3. Para texto por cima, preto dá mais contraste.
| Harmonia | Rotação | Cor |
|---|---|---|
| Complementar | +180° | #9cc3f1 |
| Análogas | −30°, +30° | #ebaf97#c8c287 |
| Tríade | +120°, +240° | #81cfcd#d1b1e3 |
| Complementar dividida | +150°, +210° | #86cbe4#b8b9f0 |
Calculadas em OKLCH: o matiz gira 180° (complementar), ±30° (análogas), ±120° (tríade) e 180° ±30° (complementar dividida), com luminosidade e croma mantidos. Quando o resultado sai do sRGB, ele é trazido de volta com o algoritmo de mapeamento de gama do CSS Color 4. Por usar OKLCH, os valores diferem das ferramentas que giram o matiz em HSL, mas as cores ficam com a mesma luminosidade percebida.
Quente ou fria?
Burlywood é uma cor quente: o matiz fica em 34° no círculo HSL, na faixa dos vermelhos, laranjas e amarelos (de 0° a cerca de 70°, mais os vermelhos acima de 330°) que por convenção se chama de quente.
Cores nomeadas e do Tailwind mais próximas
A distância é o ΔE OK, a distância euclidiana no OKLab multiplicada por 100. Valores abaixo de cerca de 2 são difíceis de distinguir lado a lado.
Cores nomeadas do CSS mais próximas
| Cor | HEX | ΔE OK |
|---|---|---|
| tan | #d2b48c | 2,3 |
| sandybrown | #f4a460 | 5,8 |
| darkkhaki | #bdb76b | 6,3 |
Cores do Tailwind v4 mais próximas
| Cor | HEX | ΔE OK |
|---|---|---|
| orange-300 | #ffb86a | 6,1 |
| olive-400 | #abab9c | 9,1 |
| red-300 | #ffa2a2 | 9,3 |
Código
.element {
color: burlywood;
background-color: #deb887;
border-color: rgb(222 184 135);
outline-color: oklch(80.5% 0.078 73.4);
}<div class="bg-[#deb887] text-black">...</div>
/* ou registre uma vez no seu CSS (Tailwind v4) */
@theme {
--color-burlywood: #deb887;
}
/* depois use bg-burlywood, text-burlywood, border-burlywood */import SwiftUI
extension Color {
static let burlywood = Color(red: 0.871, green: 0.722, blue: 0.529)
}import androidx.compose.ui.graphics.Color
val Burlywood = Color(0xFFDEB887)import 'package:flutter/material.dart';
const burlywood = Color(0xFFDEB887);<!-- res/values/colors.xml -->
<color name="burlywood">#DEB887</color>Perguntas frequentes
- Qual é o código hex da cor burlywood?
- O código hex de burlywood é #DEB887. A mesma cor se escreve rgb(222, 184, 135), hsl(34, 57%, 70%) ou oklch(80.5% 0.078 73.4), e no CSS também dá para usar direto a palavra-chave burlywood.
- Burlywood é uma cor quente ou fria?
- Burlywood é uma cor quente: o matiz fica em 34° no círculo HSL, na faixa dos vermelhos, laranjas e amarelos (de 0° a cerca de 70°, mais os vermelhos acima de 330°) que por convenção se chama de quente.
- Quais cores combinam com burlywood?
- Girando o matiz em OKLCH e mantendo luminosidade e croma, a complementar de burlywood é #9CC3F1 (perto de lightskyblue), as análogas são #EBAF97 e #C8C287 e a tríade se completa com #81CFCD e #D1B1E3. Para texto por cima, preto dá mais contraste.
- Dá para usar texto branco sobre burlywood?
- Texto branco sobre burlywood tem contraste de 1,85:1 e não passa no AA nem para texto grande do WCAG 2.2. Texto preto chega a 11,31:1 e passa no AA e no AAA. No APCA, o valor é Lc −39,1 para branco e Lc 68,9 para preto.
- Qual é o RGB de burlywood?
- Burlywood é rgb(222, 184, 135): vermelho 222, verde 184 e azul 135 na escala de 0 a 255, ou 87,1%, 72,2% e 52,9%. Em número decimal, 14596231.
Revisado em por Arielton Oberek.