Colore con nome più vicino · #E06968
#E06968
Colore con nome più vicino: Redstone
#E06968 (rgb(224 105 104), hsl(0 66% 64%), oklch(0.664 0.149 22.5)) è più vicino al colore con nome Redstone. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E06968
oklch(0.664 0.149 22.5)
Conversioni di colore
- HEX
- #e06968
- RGB
- rgb(224 105 104)
- HSL
- hsl(0 66% 64%)
- HWB
- hwb(0 41% 12%)
- OKLCH
- oklch(0.664 0.149 22.5)
- OKLab
- oklab(0.664 0.138 0.057)
- CIE Lab
- lab(59.48 47.32 24.11)
- LCH
- lch(59.48 53.1 27)
- CMYK
- cmyk(0% 53% 54% 12%)
Tinte · Ombre · Toni
Tinte
- E57977
- EA8885
- EE9894
- F2A7A3
- F5B5B2
- F8C4C1
- FAD3D0
- FCE2E0
- FEF0EF
Ombre
- C35A59
- A64C4B
- 8A3E3E
- 703130
- 562424
- 3E1818
- 270C0C
- 120404
- 020000
Toni
- D76D6B
- CE706D
- C57370
- BC7572
- B37875
- A97A77
- 9F7C7A
- 957D7C
- 8B7F7E
Armonie di colore
Complementare +180°
- E06968
Redstone
- 00A7B1
≈ Exotic Sea
Analogo -30° +30°
- E06968
Redstone
- D6689C
≈ Cosmetologist’s Pink
- D9752C
≈ Orange Ochre
Triadico +120° +240°
- E06968
Redstone
- 56AA51
≈ Harā Green
- 6090EE
≈ Guilliman Blue
Complementare divisa +150° +210°
- E06968
Redstone
- 00AC8B
≈ Arcadia
- 00A0D8
≈ Vanadyl Blue
Tetradico +90° +180° +270°
- E06968
Redstone
- 969B00
≈ Pea Soup
- 00A7B1
≈ Exotic Sea
- 977FE6
≈ Indigo Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.28:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.38:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--redstone: #e06968;
--redstone-rgb: 224 105 104;
--redstone-oklch: oklch(0.664 0.149 22.5);
}
.element {
color: var(--redstone);
background-color: hsl(0 66% 64%);
border-color: oklch(0.664 0.149 22.5);
}Tailwind CSS v4
@theme {
--color-redstone: #e06968;
--color-redstone-50: #ffe5e0;
--color-redstone-100: #ffd5cf;
--color-redstone-200: #ffbcb5;
--color-redstone-300: #fb9891;
--color-redstone-400: #e97775;
--color-redstone-500: #d75557;
--color-redstone-600: #b6494a;
--color-redstone-700: #923a3b;
--color-redstone-800: #6d292c;
--color-redstone-900: #4d1c1d;
--color-redstone-950: #320b0d;
}SCSS
$redstone: #e06968;
$redstone-rgb: 224, 105, 104;
$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);
}