Cor nomeada mais próxima · #CB4D39
#CB4D39
Cor nomeada mais próxima: Bloody Salmon
#CB4D39 (rgb(203 77 57), hsl(8 58% 51%), oklch(0.586 0.164 31.4)) é mais próxima da cor nomeada Bloody Salmon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CB4D39
oklch(0.586 0.164 31.4)
Conversões de cor
- HEX
- #cb4d39
- RGB
- rgb(203 77 57)
- HSL
- hsl(8 58% 51%)
- HWB
- hwb(8 22% 20%)
- OKLCH
- oklch(0.586 0.164 31.4)
- OKLab
- oklab(0.586 0.14 0.086)
- CIE Lab
- lab(50.52 50.14 38.99)
- LCH
- lch(50.52 63.51 37.9)
- CMYK
- cmyk(0% 62% 72% 20%)
Tons claros · Sombras · Tons
Tons claros
- D2614D
- DA7361
- E08574
- E69788
- ECA89B
- F1BAAF
- F5CBC2
- F9DCD6
- FCEEEB
Sombras
- B04230
- 963728
- 7D2C1F
- 652217
- 4D1810
- 370F09
- 220704
- 0F0201
- 020000
Tons
- C55442
- BE5B4A
- B86151
- B16659
- AA6B60
- A27066
- 9A756D
- 927973
- 897C7A
Harmonias de cor
Complementar +180°
- CB4D39
Bloody Salmon
- 008C9F
≈ Parrot Flight
Análoga -30° +30°
- CB4D39
Bloody Salmon
- C64976
≈ Love Lord
- B46600
≈ Umber
Tríade +120° +240°
- CB4D39
Bloody Salmon
- 009549
≈ Paperboy’s Lawn
- 5A71DC
≈ Cornflower
Complementar dividida +150° +210°
- CB4D39
Bloody Salmon
- 009080
≈ Philips Green
- 0084C6
≈ Water Raceway
Tétrade +90° +180° +270°
- CB4D39
Bloody Salmon
- 708800
≈ Swamp Green
- 008C9F
≈ Parrot Flight
- 8E5FCC
≈ Amethyst
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.50:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.65:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--bloody-salmon: #cb4d39;
--bloody-salmon-rgb: 203 77 57;
--bloody-salmon-oklch: oklch(0.586 0.164 31.4);
}
.element {
color: var(--bloody-salmon);
background-color: hsl(8 58% 51%);
border-color: oklch(0.586 0.164 31.4);
}Tailwind CSS v4
@theme {
--color-bloody-salmon: #cb4d39;
--color-bloody-salmon-50: #ffe5d7;
--color-bloody-salmon-100: #ffd5c5;
--color-bloody-salmon-200: #ffbba6;
--color-bloody-salmon-300: #ff977f;
--color-bloody-salmon-400: #ef745f;
--color-bloody-salmon-500: #de503a;
--color-bloody-salmon-600: #bb4532;
--color-bloody-salmon-700: #963728;
--color-bloody-salmon-800: #70261e;
--color-bloody-salmon-900: #4f1a14;
--color-bloody-salmon-950: #340906;
}SCSS
$bloody-salmon: #cb4d39;
$bloody-salmon-rgb: 203, 77, 57;
$bloody-salmon-light: mix(#fff, $bloody-salmon, 20%);
$bloody-salmon-dark: mix(#000, $bloody-salmon, 20%);
.element {
color: $bloody-salmon;
box-shadow: 0 0 0 2px rgba($bloody-salmon, 0.35);
}