Color con nombre más cercano · #6B2700
#6B2700
Color con nombre más cercano: Roastery
#6B2700 (rgb(107 39 0), hsl(22 100% 21%), oklch(0.368 0.107 44.1)) se parece más al color con nombre Roastery. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#6B2700
oklch(0.368 0.107 44.1)
Conversiones de color
- HEX
- #6b2700
- RGB
- rgb(107 39 0)
- HSL
- hsl(22 100% 21%)
- HWB
- hwb(22 0% 58%)
- OKLCH
- oklch(0.368 0.107 44.1)
- OKLab
- oklab(0.368 0.077 0.074)
- CIE Lab
- lab(25.94 29.7 37.14)
- LCH
- lch(25.94 47.56 51.3)
- CMYK
- cmyk(0% 64% 100% 58%)
Tintes · Sombras · Tonos
Tintes
- 7B3C1F
- 8A5138
- 99654F
- A87A67
- B7907F
- C5A598
- D4BBB1
- E2D1CA
- F1E8E4
Sombras
- 5C2000
- 4E1A00
- 3F1400
- 320E00
- 250800
- 180400
- 0D0200
- 040100
- 000000
Tonos
- 6E3113
- 713A22
- 74442E
- 774C3A
- 795546
- 7B5E51
- 7D665D
- 7E6F69
- 7F7774
Armonías de color
Complementario +180°
- 6B2700
Roastery
- 00475A
≈ Sultan’s Silk
Análogo -30° +30°
- 6B2700
Roastery
- 6C212E
≈ Squid Hat
- 573800
≈ Pineapple
Triádico +120° +240°
- 6B2700
Roastery
- 004C34
≈ Chrysocolla Dark Green
- 3A3475
≈ Ballpoint Indigo
Complementario dividido +150° +210°
- 6B2700
Roastery
- 004949
≈ Deep Into the Jungle
- 0B3F76
≈ Ashenvale Nights
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.96:1 · APCA Lc 95
Ag
FailSobre negro
WCAG 1.91:1 · APCA Lc 8
Mejor color de texto: #FFFFFF
WCAG 10.96:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--roastery: #6b2700;
--roastery-rgb: 107 39 0;
--roastery-oklch: oklch(0.368 0.107 44.1);
}
.element {
color: var(--roastery);
background-color: hsl(22 100% 21%);
border-color: oklch(0.368 0.107 44.1);
}Tailwind CSS v4
@theme {
--color-roastery: #6b2700;
--color-roastery-50: #ffeddc;
--color-roastery-100: #ffdeca;
--color-roastery-200: #fcc7ae;
--color-roastery-300: #e6a789;
--color-roastery-400: #d38969;
--color-roastery-500: #c06d48;
--color-roastery-600: #a25c3e;
--color-roastery-700: #824a31;
--color-roastery-800: #613523;
--color-roastery-900: #442417;
--color-roastery-950: #2c1308;
}SCSS
$roastery: #6b2700;
$roastery-rgb: 107, 39, 0;
$roastery-light: mix(#fff, $roastery, 20%);
$roastery-dark: mix(#000, $roastery, 20%);
.element {
color: $roastery;
box-shadow: 0 0 0 2px rgba($roastery, 0.35);
}