Cor nomeada · #BB240C
Lobster
Lobster é #BB240C: rgb(187 36 12), hsl(8 88% 39%), oklch(0.513 0.189 31.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lobster color name →
#BB240C
oklch(0.513 0.189 31.5)
Conversões de cor
- HEX
- #bb240c
- RGB
- rgb(187 36 12)
- HSL
- hsl(8 88% 39%)
- HWB
- hwb(8 5% 27%)
- OKLCH
- oklch(0.513 0.189 31.5)
- OKLab
- oklab(0.513 0.161 0.099)
- CIE Lab
- lab(41.76 58.42 51.79)
- LCH
- lch(41.76 78.07 41.6)
- CMYK
- cmyk(0% 81% 94% 27%)
Tons claros · Sombras · Tons
Tons claros
- C5422E
- CE5A47
- D7705E
- DE8574
- E69A8B
- ECAEA1
- F2C2B8
- F7D6D0
- FBEBE7
Sombras
- A21E09
- 8A1806
- 731204
- 5C0C03
- 460702
- 320401
- 1F0200
- 0D0000
- 020000
Tons
- B73521
- B3412F
- AE4C3B
- A95546
- A35D50
- 9E655A
- 976C64
- 90736D
- 897A77
Harmonias de cor
Complementar +180°
- BB240C
Lobster
- 007484
≈ Deep Current
Análoga -30° +30°
- BB240C
Lobster
- B61E5F
≈ Murderous Magenta
- 965400
≈ Charlie Brown
Tríade +120° +240°
- BB240C
Lobster
- 007C3C
≈ Jordan Jazz
- 4456D1
≈ Gorgonzola Blue
Complementar dividida +150° +210°
- BB240C
Lobster
- 00786B
≈ Pond Moss
- 006DA5
≈ Bowen Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.23:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.37:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--lobster: #bb240c;
--lobster-rgb: 187 36 12;
--lobster-oklch: oklch(0.513 0.189 31.5);
}
.element {
color: var(--lobster);
background-color: hsl(8 88% 39%);
border-color: oklch(0.513 0.189 31.5);
}Tailwind CSS v4
@theme {
--color-lobster: #bb240c;
--color-lobster-50: #ffe2d2;
--color-lobster-100: #ffd1bf;
--color-lobster-200: #ffb69f;
--color-lobster-300: #ff9076;
--color-lobster-400: #fa6b53;
--color-lobster-500: #e84128;
--color-lobster-600: #c43924;
--color-lobster-700: #9e2e1c;
--color-lobster-800: #761f16;
--color-lobster-900: #54150e;
--color-lobster-950: #380502;
}SCSS
$lobster: #bb240c;
$lobster-rgb: 187, 36, 12;
$lobster-light: mix(#fff, $lobster, 20%);
$lobster-dark: mix(#000, $lobster, 20%);
.element {
color: $lobster;
box-shadow: 0 0 0 2px rgba($lobster, 0.35);
}