Cor nomeada · #1C3339
Ore Bluish Black
Ore Bluish Black é #1C3339: rgb(28 51 57), hsl(192 34% 17%), oklch(0.305 0.031 216.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ore Bluish Black color name →
#1C3339
oklch(0.305 0.031 216.2)
Conversões de cor
- HEX
- #1c3339
- RGB
- rgb(28 51 57)
- HSL
- hsl(192 34% 17%)
- HWB
- hwb(192 11% 78%)
- OKLCH
- oklch(0.305 0.031 216.2)
- OKLab
- oklab(0.305 -0.025 -0.018)
- CIE Lab
- lab(19.56 -7.95 -6.81)
- LCH
- lch(19.56 10.47 220.6)
- CMYK
- cmyk(51% 11% 0% 78%)
Tons claros · Sombras · Tons
Tons claros
- 30454A
- 44575C
- 5A6A6F
- 6F7E82
- 869296
- 9DA7AA
- B5BDBF
- CDD2D4
- E6E8E9
Sombras
- 172B30
- 122328
- 0D1C1F
- 081417
- 050D10
- 020709
- 010304
- 000101
- 000000
Tons
- 263A40
- 2F4246
- 39494D
- 435154
- 4D585B
- 576063
- 61686A
- 6B7071
- 757879
Harmonias de cor
Complementar +180°
- 1C3339
Ore Bluish Black
- 3D2A24
≈ English Walnut
Análoga -30° +30°
- 1C3339
Ore Bluish Black
- 1C3431
≈ Dark Pine Green
- 22313E
≈ Blue-Black
Tríade +120° +240°
- 1C3339
Ore Bluish Black
- 392935
≈ Obsidian Red
- 332F1D
≈ Metal Construction Green
Complementar dividida +150° +210°
- 1C3339
Ore Bluish Black
- 3D292C
≈ Wenge Black
- 3A2C1E
≈ Bistre
Tétrade +90° +180° +270°
- 1C3339
Ore Bluish Black
- 332B3B
≈ Obsidian Red
- 3D2A24
≈ English Walnut
- 2B3221
≈ Rangitoto
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 13.27:1 · APCA Lc 100
Ag
FailSobre preto
WCAG 1.58:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 13.27:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
CSS
:root {
--ore-bluish-black: #1c3339;
--ore-bluish-black-rgb: 28 51 57;
--ore-bluish-black-oklch: oklch(0.305 0.031 216.2);
}
.element {
color: var(--ore-bluish-black);
background-color: hsl(192 34% 17%);
border-color: oklch(0.305 0.031 216.2);
}Tailwind CSS v4
@theme {
--color-ore-bluish-black: #1c3339;
--color-ore-bluish-black-50: #ecf7fb;
--color-ore-bluish-black-100: #ddebef;
--color-ore-bluish-black-200: #c6d8dd;
--color-ore-bluish-black-300: #a7bcc2;
--color-ore-bluish-black-400: #8ba3aa;
--color-ore-bluish-black-500: #708c93;
--color-ore-bluish-black-600: #5f767d;
--color-ore-bluish-black-700: #4c5f64;
--color-ore-bluish-black-800: #364549;
--color-ore-bluish-black-900: #253033;
--color-ore-bluish-black-950: #141c1e;
}SCSS
$ore-bluish-black: #1c3339;
$ore-bluish-black-rgb: 28, 51, 57;
$ore-bluish-black-light: mix(#fff, $ore-bluish-black, 20%);
$ore-bluish-black-dark: mix(#000, $ore-bluish-black, 20%);
.element {
color: $ore-bluish-black;
box-shadow: 0 0 0 2px rgba($ore-bluish-black, 0.35);
}