Color con nombre más cercano · #822200
#822200
Color con nombre más cercano: Drip Coffee
#822200 (rgb(130 34 0), hsl(16 100% 25%), oklch(0.404 0.136 36.7)) se parece más al color con nombre Drip Coffee. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#822200
oklch(0.404 0.136 36.7)
Conversiones de color
- HEX
- #822200
- RGB
- rgb(130 34 0)
- HSL
- hsl(16 100% 25%)
- HWB
- hwb(16 0% 49%)
- OKLCH
- oklch(0.404 0.136 36.7)
- OKLab
- oklab(0.404 0.109 0.081)
- CIE Lab
- lab(29.7 40.65 42.4)
- LCH
- lch(29.7 58.74 46.2)
- CMYK
- cmyk(0% 74% 100% 49%)
Tintes · Sombras · Tonos
Tintes
- 903A22
- 9E513B
- AC6652
- B97B6A
- C59181
- D1A69A
- DDBCB2
- E9D2CB
- F4E8E5
Sombras
- 701C00
- 5F1600
- 4E1100
- 3E0B00
- 2F0700
- 200300
- 120100
- 060000
- 010000
Tonos
- 832F15
- 853924
- 854331
- 864D3D
- 865648
- 865E53
- 85675E
- 846F6A
- 827875
Armonías de color
Complementario +180°
- 822200
Drip Coffee
- 005262
≈ Sandalwood Grey Blue
Análogo -30° +30°
- 822200
Drip Coffee
- 801C3C
≈ Atlas Red
- 683D00
≈ Bestial Brown
Triádico +120° +240°
- 822200
Drip Coffee
- 005832
≈ Crusoe
- 393C90
≈ Clematis Blue
Complementario dividido +150° +210°
- 822200
Drip Coffee
- 00554F
≈ Cape Verde
- 004C7E
≈ Dance Studio
Tetrádico +90° +180° +270°
- 822200
Drip Coffee
- 3A5200
≈ Navy Green
- 005262
≈ Sandalwood Grey Blue
- 5C2E81
≈ Deep Amethyst
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.64:1 · APCA Lc 91
Ag
FailSobre negro
WCAG 2.17:1 · APCA Lc 11
Mejor color de texto: #FFFFFF
WCAG 9.64:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--drip-coffee: #822200;
--drip-coffee-rgb: 130 34 0;
--drip-coffee-oklch: oklch(0.404 0.136 36.7);
}
.element {
color: var(--drip-coffee);
background-color: hsl(16 100% 25%);
border-color: oklch(0.404 0.136 36.7);
}Tailwind CSS v4
@theme {
--color-drip-coffee: #822200;
--color-drip-coffee-50: #ffe9d9;
--color-drip-coffee-100: #ffd9c7;
--color-drip-coffee-200: #ffc1aa;
--color-drip-coffee-300: #f49f83;
--color-drip-coffee-400: #e27f63;
--color-drip-coffee-500: #d06040;
--color-drip-coffee-600: #af5237;
--color-drip-coffee-700: #8d412c;
--color-drip-coffee-800: #692e20;
--color-drip-coffee-900: #4a1f15;
--color-drip-coffee-950: #300e07;
}SCSS
$drip-coffee: #822200;
$drip-coffee-rgb: 130, 34, 0;
$drip-coffee-light: mix(#fff, $drip-coffee, 20%);
$drip-coffee-dark: mix(#000, $drip-coffee, 20%);
.element {
color: $drip-coffee;
box-shadow: 0 0 0 2px rgba($drip-coffee, 0.35);
}