Cor nomeada · #BB7C3F
Tuscan Sunset
Tuscan Sunset é #BB7C3F: rgb(187 124 63), hsl(30 50% 49%), oklch(0.64 0.11 62.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tuscan Sunset color name →
#BB7C3F
oklch(0.64 0.11 62.7)
Conversões de cor
- HEX
- #bb7c3f
- RGB
- rgb(187 124 63)
- HSL
- hsl(30 50% 49%)
- HWB
- hwb(30 25% 27%)
- OKLCH
- oklch(0.64 0.11 62.7)
- OKLab
- oklab(0.64 0.05 0.098)
- CIE Lab
- lab(57.85 21 42.95)
- LCH
- lch(57.85 47.81 63.9)
- CMYK
- cmyk(0% 34% 66% 27%)
Tons claros · Sombras · Tons
Tons claros
- C28954
- CA9667
- D1A37A
- D8B08D
- DFBDA0
- E5CAB3
- ECD7C6
- F2E4D9
- F9F2EC
Sombras
- A26B35
- 8A5A2C
- 734A23
- 5C3B1B
- 462C12
- 321E0A
- 1F1104
- 0D0501
- 020100
Tons
- B57D48
- B07E50
- AA7E57
- A47F5E
- 9E7F64
- 99806A
- 938070
- 8C8075
- 86807B
Harmonias de cor
Complementar +180°
- BB7C3F
Tuscan Sunset
- 4993C9
≈ Azure Blue
Análoga -30° +30°
- BB7C3F
Tuscan Sunset
- C67260
≈ Sahara Sun
- A38A32
≈ Autumn Festival
Tríade +120° +240°
- BB7C3F
Tuscan Sunset
- 18A192
≈ Turquish
- 997BC3
≈ Lavender Purple
Complementar dividida +150° +210°
- BB7C3F
Tuscan Sunset
- 0D9DB3
≈ Caneel Bay
- 7687CF
≈ Violets Are Blue
Tétrade +90° +180° +270°
- BB7C3F
Tuscan Sunset
- 529F6B
≈ Mosaic Green
- 4993C9
≈ Azure Blue
- B372A9
≈ Moonlight Melody
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.46:1 · APCA Lc 62
Ag
AASobre preto
WCAG 6.06:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
CSS
:root {
--tuscan-sunset: #bb7c3f;
--tuscan-sunset-rgb: 187 124 63;
--tuscan-sunset-oklch: oklch(0.64 0.11 62.7);
}
.element {
color: var(--tuscan-sunset);
background-color: hsl(30 50% 49%);
border-color: oklch(0.64 0.11 62.7);
}Tailwind CSS v4
@theme {
--color-tuscan-sunset: #bb7c3f;
--color-tuscan-sunset-50: #ffefd5;
--color-tuscan-sunset-100: #ffe1c2;
--color-tuscan-sunset-200: #f6cba3;
--color-tuscan-sunset-300: #dfac7b;
--color-tuscan-sunset-400: #cd8f57;
--color-tuscan-sunset-500: #b9742d;
--color-tuscan-sunset-600: #9c6228;
--color-tuscan-sunset-700: #7d4f20;
--color-tuscan-sunset-800: #5e3816;
--color-tuscan-sunset-900: #42270e;
--color-tuscan-sunset-950: #2a1502;
}SCSS
$tuscan-sunset: #bb7c3f;
$tuscan-sunset-rgb: 187, 124, 63;
$tuscan-sunset-light: mix(#fff, $tuscan-sunset, 20%);
$tuscan-sunset-dark: mix(#000, $tuscan-sunset, 20%);
.element {
color: $tuscan-sunset;
box-shadow: 0 0 0 2px rgba($tuscan-sunset, 0.35);
}