Najbliższy nazwany kolor · #DC706B
#DC706B
Najbliższy nazwany kolor: Redstone
#DC706B (rgb(220 112 107), hsl(3 62% 64%), oklch(0.669 0.136 24.1)) jest najbliższy nazwanemu kolorowi Redstone. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DC706B
oklch(0.669 0.136 24.1)
Konwersje koloru
- HEX
- #dc706b
- RGB
- rgb(220 112 107)
- HSL
- hsl(3 62% 64%)
- HWB
- hwb(3 42% 14%)
- OKLCH
- oklch(0.669 0.136 24.1)
- OKLab
- oklab(0.669 0.124 0.056)
- CIE Lab
- lab(60.28 42.73 23.3)
- LCH
- lch(60.28 48.67 28.6)
- CMYK
- cmyk(0% 49% 51% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E17F79
- E68D88
- EA9C96
- EEAAA5
- F2B8B3
- F6C6C2
- F9D4D1
- FBE3E0
- FDF1F0
Odcienie ciemniejsze
- BF605C
- A3514E
- 88433F
- 6E3532
- 542725
- 3C1A18
- 260E0D
- 110404
- 020100
Tony
- D3736D
- CB7570
- C27772
- B97974
- B07B76
- A77C78
- 9E7D7A
- 947E7C
- 8A7F7E
Harmonie kolorów
Komplementarna +180°
- DC706B
Redstone
- 00A9B5
≈ Bluebird
Analogowa -30° +30°
- DC706B
Redstone
- D46F9A
≈ Fiesta Pink
- D47B39
≈ Fired Up
Triada +120° +240°
- DC706B
Redstone
- 5CAA5D
≈ Exploration Green
- 6A92E8
≈ Guilliman Blue
Komplementarna rozszczepiona +150° +210°
- DC706B
Redstone
- 00AE8F
≈ Hobgoblin
- 16A1DB
≈ Vanadyl Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.19:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.57:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--redstone: #dc706b;
--redstone-rgb: 220 112 107;
--redstone-oklch: oklch(0.669 0.136 24.1);
}
.element {
color: var(--redstone);
background-color: hsl(3 62% 64%);
border-color: oklch(0.669 0.136 24.1);
}Tailwind CSS v4
@theme {
--color-redstone: #dc706b;
--color-redstone-50: #ffe7e1;
--color-redstone-100: #ffd7d0;
--color-redstone-200: #ffbeb6;
--color-redstone-300: #f59c93;
--color-redstone-400: #e47c76;
--color-redstone-500: #d15c58;
--color-redstone-600: #b04e4b;
--color-redstone-700: #8e3e3c;
--color-redstone-800: #6a2c2c;
--color-redstone-900: #4a1e1e;
--color-redstone-950: #310d0e;
}SCSS
$redstone: #dc706b;
$redstone-rgb: 220, 112, 107;
$redstone-light: mix(#fff, $redstone, 20%);
$redstone-dark: mix(#000, $redstone, 20%);
.element {
color: $redstone;
box-shadow: 0 0 0 2px rgba($redstone, 0.35);
}