Colore con nome · #D1907C
Orange Essential
Orange Essential è #D1907C: rgb(209 144 124), hsl(14 48% 65%), oklch(0.713 0.085 37.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Orange Essential color name →
#D1907C
oklch(0.713 0.085 37.8)
Conversioni di colore
- HEX
- #d1907c
- RGB
- rgb(209 144 124)
- HSL
- hsl(14 48% 65%)
- HWB
- hwb(14 49% 18%)
- OKLCH
- oklch(0.713 0.085 37.8)
- OKLab
- oklab(0.713 0.067 0.052)
- CIE Lab
- lab(66.06 23.58 21.11)
- LCH
- lch(66.06 31.65 41.8)
- CMYK
- cmyk(0% 31% 41% 18%)
Tinte · Ombre · Toni
Tinte
- D69B89
- DBA695
- E0B1A2
- E5BCAF
- EAC7BC
- EED2C9
- F3DDD7
- F7E8E4
- FBF4F1
Ombre
- B57D6B
- 9B6A5A
- 81574A
- 68453B
- 50342C
- 39241E
- 231511
- 100705
- 020101
Toni
- C98F7D
- C18D7D
- B98C7E
- B18A7E
- A9897F
- A1877F
- 99857F
- 918480
- 888280
Armonie di colore
Complementare +180°
- D1907C
Orange Essential
- 5FAFC5
≈ Gondolier
Analogo -30° +30°
- D1907C
Orange Essential
- D18C98
≈ Sianna Rose
- C69968
≈ Taffy
Triadico +120° +240°
- D1907C
Orange Essential
- 74B38E
≈ Mate Tea
- 959ED7
≈ Azureno
Complementare divisa +150° +210°
- D1907C
Orange Essential
- 5DB4AC
≈ Artesian Well
- 77A7D5
≈ Polar Ice
Tetradico +90° +180° +270°
- D1907C
Orange Essential
- 93AD73
≈ Geranium Leaf
- 5FAFC5
≈ Gondolier
- B194CC
≈ Cut Velvet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.62:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.99:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--orange-essential: #d1907c;
--orange-essential-rgb: 209 144 124;
--orange-essential-oklch: oklch(0.713 0.085 37.8);
}
.element {
color: var(--orange-essential);
background-color: hsl(14 48% 65%);
border-color: oklch(0.713 0.085 37.8);
}Tailwind CSS v4
@theme {
--color-orange-essential: #d1907c;
--color-orange-essential-50: #ffeee3;
--color-orange-essential-100: #ffdfd3;
--color-orange-essential-200: #f5c9ba;
--color-orange-essential-300: #dea997;
--color-orange-essential-400: #cb8d7a;
--color-orange-essential-500: #b7725d;
--color-orange-essential-600: #9a614f;
--color-orange-essential-700: #7c4d3f;
--color-orange-essential-800: #5c382e;
--color-orange-essential-900: #40261f;
--color-orange-essential-950: #29140f;
}SCSS
$orange-essential: #d1907c;
$orange-essential-rgb: 209, 144, 124;
$orange-essential-light: mix(#fff, $orange-essential, 20%);
$orange-essential-dark: mix(#000, $orange-essential, 20%);
.element {
color: $orange-essential;
box-shadow: 0 0 0 2px rgba($orange-essential, 0.35);
}