Colore con nome · #95687D
Corundum Red
Corundum Red è #95687D: rgb(149 104 125), hsl(332 18% 50%), oklch(0.571 0.064 349.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Corundum Red color name →
#95687D
oklch(0.571 0.064 349.8)
Conversioni di colore
- HEX
- #95687d
- RGB
- rgb(149 104 125)
- HSL
- hsl(332 18% 50%)
- HWB
- hwb(332 41% 42%)
- OKLCH
- oklch(0.571 0.064 349.8)
- OKLab
- oklab(0.571 0.063 -0.011)
- CIE Lab
- lab(49.32 21.04 -4.12)
- LCH
- lch(49.32 21.44 348.9)
- CMYK
- cmyk(0% 30% 16% 42%)
Tinte · Ombre · Toni
Tinte
- A07689
- AA8596
- B593A2
- BFA2AF
- CAB1BC
- D5C0C9
- DFD0D6
- EADFE4
- F4EFF1
Ombre
- 81596C
- 6D4B5B
- 5A3E4B
- 48303B
- 37242C
- 26181E
- 160C11
- 080405
- 010001
Toni
- 936B7D
- 916D7E
- 8F707E
- 8D727E
- 8B747F
- 89777F
- 87797F
- 857B7F
- 827E80
Armonie di colore
Complementare +180°
- 95687D
Corundum Red
- 4F8472
≈ Billiard Room
Analogo -30° +30°
- 95687D
Corundum Red
- 896B90
≈ Beauty
- 9A6868
≈ Red Grey
Triadico +120° +240°
- 95687D
Corundum Red
- 7A7B4E
≈ Bonsai
- 4E7F96
≈ Coelin Blue
Complementare divisa +150° +210°
- 95687D
Corundum Red
- 64815D
≈ Tuscan Herbs
- 458386
≈ Paradiso
Tetradico +90° +180° +270°
- 95687D
Corundum Red
- 8C734B
≈ Desert Willow
- 4F8472
≈ Billiard Room
- 61789E
≈ Costume Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.61:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.55:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.61:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--corundum-red: #95687d;
--corundum-red-rgb: 149 104 125;
--corundum-red-oklch: oklch(0.571 0.064 349.8);
}
.element {
color: var(--corundum-red);
background-color: hsl(332 18% 50%);
border-color: oklch(0.571 0.064 349.8);
}Tailwind CSS v4
@theme {
--color-corundum-red: #95687d;
--color-corundum-red-50: #ffeef7;
--color-corundum-red-100: #fae0ea;
--color-corundum-red-200: #ebcad7;
--color-corundum-red-300: #d2aabb;
--color-corundum-red-400: #bd8fa4;
--color-corundum-red-500: #a7758c;
--color-corundum-red-600: #8d6377;
--color-corundum-red-700: #714f5f;
--color-corundum-red-800: #533946;
--color-corundum-red-900: #3a2731;
--color-corundum-red-950: #24151d;
}SCSS
$corundum-red: #95687d;
$corundum-red-rgb: 149, 104, 125;
$corundum-red-light: mix(#fff, $corundum-red, 20%);
$corundum-red-dark: mix(#000, $corundum-red, 20%);
.element {
color: $corundum-red;
box-shadow: 0 0 0 2px rgba($corundum-red, 0.35);
}