Cor nomeada · #480607
Bulgarian Rose
Bulgarian Rose é #480607: rgb(72 6 7), hsl(359 85% 15%), oklch(0.26 0.096 26.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Bulgarian Rose color name →
#480607
oklch(0.26 0.096 26.5)
Conversões de cor
- HEX
- #480607
- RGB
- rgb(72 6 7)
- HSL
- hsl(359 85% 15%)
- HWB
- hwb(359 2% 72%)
- OKLCH
- oklch(0.26 0.096 26.5)
- OKLab
- oklab(0.26 0.086 0.043)
- CIE Lab
- lab(13.14 30.35 17.75)
- LCH
- lch(13.14 35.17 30.3)
- CMYK
- cmyk(0% 92% 90% 72%)
Tons claros · Sombras · Tons
Tons claros
- 5B211D
- 6E3833
- 804F4A
- 926661
- A47E7A
- B79793
- C9B0AD
- DBCAC8
- EDE4E3
Sombras
- 3D0405
- 330304
- 290202
- 1F0102
- 160101
- 0D0000
- 060000
- 020000
- 000000
Tons
- 4F1613
- 56231F
- 5C2E2A
- 623A36
- 684642
- 6D514E
- 725D5A
- 776866
- 7C7473
Harmonias de cor
Complementar +180°
- 480607
Bulgarian Rose
- 002A2F
≈ Daintree
Análoga -30° +30°
- 480607
Bulgarian Rose
- 440625
≈ Blaze It Dark Magenta
- 3A1A00
≈ American Bronze
Tríade +120° +240°
- 480607
Bulgarian Rose
- 002D09
≈ PCB Green
- 0E1E52
≈ Downriver
Complementar dividida +150° +210°
- 480607
Bulgarian Rose
- 002B23
≈ Deep Slate Green
- 00273B
≈ Murky Depths
Tétrade +90° +180° +270°
- 480607
Bulgarian Rose
- 222700
≈ Lindworm Green
- 002A2F
≈ Daintree
- 2A154C
≈ Oily Purple
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 16.09:1 · APCA Lc 102
Ag
FailSobre preto
WCAG 1.30:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 16.09:1 (AAA) · APCA Lc 102
Contrast pairs
Trechos de código
CSS
:root {
--bulgarian-rose: #480607;
--bulgarian-rose-rgb: 72 6 7;
--bulgarian-rose-oklch: oklch(0.26 0.096 26.5);
}
.element {
color: var(--bulgarian-rose);
background-color: hsl(359 85% 15%);
border-color: oklch(0.26 0.096 26.5);
}Tailwind CSS v4
@theme {
--color-bulgarian-rose: #480607;
--color-bulgarian-rose-50: #ffece6;
--color-bulgarian-rose-100: #ffddd6;
--color-bulgarian-rose-200: #fbc5bd;
--color-bulgarian-rose-300: #e5a59c;
--color-bulgarian-rose-400: #d18880;
--color-bulgarian-rose-500: #be6c64;
--color-bulgarian-rose-600: #a05c55;
--color-bulgarian-rose-700: #814943;
--color-bulgarian-rose-800: #5f3432;
--color-bulgarian-rose-900: #432422;
--color-bulgarian-rose-950: #2b1211;
}SCSS
$bulgarian-rose: #480607;
$bulgarian-rose-rgb: 72, 6, 7;
$bulgarian-rose-light: mix(#fff, $bulgarian-rose, 20%);
$bulgarian-rose-dark: mix(#000, $bulgarian-rose, 20%);
.element {
color: $bulgarian-rose;
box-shadow: 0 0 0 2px rgba($bulgarian-rose, 0.35);
}