Cor nomeada · #BB9157
Radiance
Radiance é #BB9157: rgb(187 145 87), hsl(35 42% 54%), oklch(0.684 0.091 74.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Radiance color name →
#BB9157
oklch(0.684 0.091 74.2)
Conversões de cor
- HEX
- #bb9157
- RGB
- rgb(187 145 87)
- HSL
- hsl(35 42% 54%)
- HWB
- hwb(35 34% 27%)
- OKLCH
- oklch(0.684 0.091 74.2)
- OKLab
- oklab(0.684 0.025 0.088)
- CIE Lab
- lab(63.29 11.26 36.92)
- LCH
- lch(63.29 38.6 73)
- CMYK
- cmyk(0% 22% 53% 27%)
Tons claros · Sombras · Tons
Tons claros
- C29C68
- C9A779
- D0B28A
- D7BC9A
- DDC7AB
- E4D2BC
- EBDDCC
- F2E9DD
- F8F4EE
Sombras
- A27D4B
- 8A6A3E
- 735833
- 5C4627
- 46351C
- 322512
- 1F1508
- 0D0703
- 020100
Tons
- B58F5C
- AF8E61
- A98C66
- A38B6A
- 9E896E
- 988772
- 928676
- 8C8479
- 86827D
Harmonias de cor
Complementar +180°
- BB9157
Radiance
- 729CD1
≈ Ice Blue
Análoga -30° +30°
- BB9157
Radiance
- C9876B
≈ Cabana Melon
- A29C57
≈ Iyanden Darksun
Tríade +120° +240°
- BB9157
Radiance
- 49ABAA
≈ Blue Turquoise
- AE89C1
≈ Creeping Bellflower
Complementar dividida +150° +210°
- BB9157
Radiance
- 53A6C3
≈ Pottery Blue
- 9292D0
≈ Adora
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.87:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.30:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.30:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
CSS
:root {
--radiance: #bb9157;
--radiance-rgb: 187 145 87;
--radiance-oklch: oklch(0.684 0.091 74.2);
}
.element {
color: var(--radiance);
background-color: hsl(35 42% 54%);
border-color: oklch(0.684 0.091 74.2);
}Tailwind CSS v4
@theme {
--color-radiance: #bb9157;
--color-radiance-50: #fff2d9;
--color-radiance-100: #fae4c7;
--color-radiance-200: #ebd0a9;
--color-radiance-300: #d2b283;
--color-radiance-400: #bf9760;
--color-radiance-500: #aa7d3b;
--color-radiance-600: #8f6a33;
--color-radiance-700: #735428;
--color-radiance-800: #563d1c;
--color-radiance-900: #3c2a12;
--color-radiance-950: #261705;
}SCSS
$radiance: #bb9157;
$radiance-rgb: 187, 145, 87;
$radiance-light: mix(#fff, $radiance, 20%);
$radiance-dark: mix(#000, $radiance, 20%);
.element {
color: $radiance;
box-shadow: 0 0 0 2px rgba($radiance, 0.35);
}