Colore con nome · #C97586
Long Spring
Long Spring è #C97586: rgb(201 117 134), hsl(348 44% 62%), oklch(0.659 0.107 7.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Long Spring color name →
#C97586
oklch(0.659 0.107 7.4)
Conversioni di colore
- HEX
- #c97586
- RGB
- rgb(201 117 134)
- HSL
- hsl(348 44% 62%)
- HWB
- hwb(348 46% 21%)
- OKLCH
- oklch(0.659 0.107 7.4)
- OKLab
- oklab(0.659 0.106 0.014)
- CIE Lab
- lab(59.15 35.2 5.78)
- LCH
- lch(59.15 35.67 9.3)
- CMYK
- cmyk(0% 42% 33% 21%)
Tinte · Ombre · Toni
Tinte
- CF8391
- D6909D
- DC9EA9
- E1ACB5
- E7B9C1
- ECC7CD
- F1D5D9
- F6E3E6
- FBF1F2
Ombre
- AE6574
- 955562
- 7C4651
- 643740
- 4C2930
- 361C21
- 220F13
- 0F0506
- 020101
Toni
- C27785
- BB7885
- B47984
- AD7B84
- A67C83
- 9F7D82
- 977E82
- 907F81
- 887F81
Armonie di colore
Complementare +180°
- C97586
Long Spring
- 26A79D
≈ Tropical Hideaway
Analogo -30° +30°
- C97586
Long Spring
- BC78A9
≈ Hollyhock Blossom Pink
- CA7A62
≈ Aloe Blossom
Triadico +120° +240°
- C97586
Long Spring
- 809E54
≈ Verdant Serenade
- 5997D0
≈ Winter Lake
Complementare divisa +150° +210°
- C97586
Long Spring
- 53A578
≈ Shamrock Green
- 2CA1BD
≈ Maui
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.29:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.37:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.37:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--long-spring: #c97586;
--long-spring-rgb: 201 117 134;
--long-spring-oklch: oklch(0.659 0.107 7.4);
}
.element {
color: var(--long-spring);
background-color: hsl(348 44% 62%);
border-color: oklch(0.659 0.107 7.4);
}Tailwind CSS v4
@theme {
--color-long-spring: #c97586;
--color-long-spring-50: #ffe9ee;
--color-long-spring-100: #ffdae0;
--color-long-spring-200: #fec2ca;
--color-long-spring-300: #e8a1ab;
--color-long-spring-400: #d48393;
--color-long-spring-500: #c16679;
--color-long-spring-600: #a35767;
--color-long-spring-700: #834552;
--color-long-spring-800: #61323d;
--color-long-spring-900: #44222a;
--color-long-spring-950: #2c1118;
}SCSS
$long-spring: #c97586;
$long-spring-rgb: 201, 117, 134;
$long-spring-light: mix(#fff, $long-spring, 20%);
$long-spring-dark: mix(#000, $long-spring, 20%);
.element {
color: $long-spring;
box-shadow: 0 0 0 2px rgba($long-spring, 0.35);
}