Cor nomeada mais próxima · #3D2312
#3D2312
Cor nomeada mais próxima: Close but No Cigar
#3D2312 (rgb(61 35 18), hsl(24 54% 15%), oklch(0.286 0.049 52.8)) é mais próxima da cor nomeada Close but No Cigar. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#3D2312
oklch(0.286 0.049 52.8)
Conversões de cor
- HEX
- #3d2312
- RGB
- rgb(61 35 18)
- HSL
- hsl(24 54% 15%)
- HWB
- hwb(24 7% 76%)
- OKLCH
- oklch(0.286 0.049 52.8)
- OKLab
- oklab(0.286 0.029 0.039)
- CIE Lab
- lab(16.89 11.33 16.67)
- LCH
- lch(16.89 20.15 55.8)
- CMYK
- cmyk(0% 43% 70% 76%)
Tons claros · Sombras · Tons
Tons claros
- 4F3627
- 614A3C
- 735E51
- 867368
- 9A8980
- ADA098
- C1B7B1
- D5CECA
- EAE6E4
Sombras
- 341D0E
- 2B170A
- 221107
- 1A0C04
- 120702
- 0A0401
- 040101
- 010000
- 000000
Tons
- 442C1D
- 4A3527
- 513E32
- 58473C
- 5F5047
- 655952
- 6C635D
- 736C69
- 797674
Harmonias de cor
Complementar +180°
- 3D2312
Close but No Cigar
- 0C2E3E
≈ NATO Blue
Análoga -30° +30°
- 3D2312
Close but No Cigar
- 3F201F
≈ Warm Balaclavas Are Forever
- 36280A
≈ Brown Tumbleweed
Tríade +120° +240°
- 3D2312
Close but No Cigar
- 093228
≈ Fence Green
- 2B2540
≈ Telopea
Complementar dividida +150° +210°
- 3D2312
Close but No Cigar
- 003135
≈ Roof Tile Green
- 1D2A42
≈ Eternal Darkness
Tétrade +90° +180° +270°
- 3D2312
Close but No Cigar
- 1B301A
≈ Méi Hēi Coal
- 0C2E3E
≈ NATO Blue
- 362238
≈ Fat Tuesday
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 14.50:1 · APCA Lc 101
Ag
FailSobre preto
WCAG 1.44:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 14.50:1 (AAA) · APCA Lc 101
Contrast pairs
Trechos de código
CSS
:root {
--close-but-no-cigar: #3d2312;
--close-but-no-cigar-rgb: 61 35 18;
--close-but-no-cigar-oklch: oklch(0.286 0.049 52.8);
}
.element {
color: var(--close-but-no-cigar);
background-color: hsl(24 54% 15%);
border-color: oklch(0.286 0.049 52.8);
}Tailwind CSS v4
@theme {
--color-close-but-no-cigar: #3d2312;
--color-close-but-no-cigar-50: #fff2e8;
--color-close-but-no-cigar-100: #f5e4d9;
--color-close-but-no-cigar-200: #e6cfc1;
--color-close-but-no-cigar-300: #ccb1a0;
--color-close-but-no-cigar-400: #b69784;
--color-close-but-no-cigar-500: #a17e68;
--color-close-but-no-cigar-600: #886a59;
--color-close-but-no-cigar-700: #6d5547;
--color-close-but-no-cigar-800: #503e33;
--color-close-but-no-cigar-900: #382a23;
--color-close-but-no-cigar-950: #231812;
}SCSS
$close-but-no-cigar: #3d2312;
$close-but-no-cigar-rgb: 61, 35, 18;
$close-but-no-cigar-light: mix(#fff, $close-but-no-cigar, 20%);
$close-but-no-cigar-dark: mix(#000, $close-but-no-cigar, 20%);
.element {
color: $close-but-no-cigar;
box-shadow: 0 0 0 2px rgba($close-but-no-cigar, 0.35);
}