Cor nomeada mais próxima · #BB7024
#BB7024
Cor nomeada mais próxima: Meteor
#BB7024 (rgb(187 112 36), hsl(30 68% 44%), oklch(0.615 0.128 60.9)) é mais próxima da cor nomeada Meteor. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BB7024
oklch(0.615 0.128 60.9)
Conversões de cor
- HEX
- #bb7024
- RGB
- rgb(187 112 36)
- HSL
- hsl(30 68% 44%)
- HWB
- hwb(30 14% 27%)
- OKLCH
- oklch(0.615 0.128 60.9)
- OKLab
- oklab(0.615 0.062 0.112)
- CIE Lab
- lab(54.84 26.37 52.23)
- LCH
- lch(54.84 58.51 63.2)
- CMYK
- cmyk(0% 40% 81% 27%)
Tons claros · Sombras · Tons
Tons claros
- C37E40
- CA8D57
- D19B6D
- D8A982
- DFB797
- E6C5AB
- EDD4C0
- F3E2D5
- F9F1EA
Sombras
- A2601E
- 8A5118
- 734312
- 5C350C
- 462707
- 321A04
- 1F0E02
- 0D0400
- 020100
Tons
- B67233
- B0743F
- AA7649
- A57852
- 9F7A5B
- 997B63
- 937D6B
- 8D7E72
- 877F79
Harmonias de cor
Complementar +180°
- BB7024
Meteor
- 288DCA
≈ Ticino Blue
Análoga -30° +30°
- BB7024
Meteor
- C66454
≈ Quite Coral
- A18100
≈ Pestilence
Tríade +120° +240°
- BB7024
Meteor
- 009A88
≈ Plumage
- 9271C5
≈ Lilac Bush
Complementar dividida +150° +210°
- BB7024
Meteor
- 0095A9
≈ Brilliant
- 687FD1
≈ Kickstart Purple
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.84:1 · APCA Lc 66
Ag
AASobre preto
WCAG 5.45:1 · APCA Lc 36
Melhor cor de texto: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
Trechos de código
CSS
:root {
--meteor: #bb7024;
--meteor-rgb: 187 112 36;
--meteor-oklch: oklch(0.615 0.128 60.9);
}
.element {
color: var(--meteor);
background-color: hsl(30 68% 44%);
border-color: oklch(0.615 0.128 60.9);
}Tailwind CSS v4
@theme {
--color-meteor: #bb7024;
--color-meteor-50: #ffeed0;
--color-meteor-100: #ffdfbc;
--color-meteor-200: #fcc99c;
--color-meteor-300: #e6a971;
--color-meteor-400: #d58b49;
--color-meteor-500: #c16f0d;
--color-meteor-600: #a35e11;
--color-meteor-700: #834b0f;
--color-meteor-800: #62360a;
--color-meteor-900: #452506;
--color-meteor-950: #2c1300;
}SCSS
$meteor: #bb7024;
$meteor-rgb: 187, 112, 36;
$meteor-light: mix(#fff, $meteor, 20%);
$meteor-dark: mix(#000, $meteor, 20%);
.element {
color: $meteor;
box-shadow: 0 0 0 2px rgba($meteor, 0.35);
}