Colore con nome · #D86130
Tangerine Bliss
Tangerine Bliss è #D86130: rgb(216 97 48), hsl(17 68% 52%), oklch(0.632 0.162 41.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Tangerine Bliss color name →
#D86130
oklch(0.632 0.162 41.3)
Conversioni di colore
- HEX
- #d86130
- RGB
- rgb(216 97 48)
- HSL
- hsl(17 68% 52%)
- HWB
- hwb(17 19% 15%)
- OKLCH
- oklch(0.632 0.162 41.3)
- OKLab
- oklab(0.632 0.122 0.107)
- CIE Lab
- lab(56.11 45.72 50.05)
- LCH
- lch(56.11 67.79 47.6)
- CMYK
- cmyk(0% 55% 78% 15%)
Tinte · Ombre · Toni
Tinte
- DE7248
- E3835E
- E89372
- EDA287
- F1B29A
- F5C1AE
- F8D1C2
- FBE0D6
- FDF0EB
Ombre
- BC5328
- A04621
- 85391A
- 6B2D13
- 53210C
- 3B1506
- 250B03
- 110301
- 020000
Toni
- D0663C
- C86A46
- C06E4F
- B87157
- AF745F
- A67766
- 9D7A6D
- 947C73
- 8A7E7A
Armonie di colore
Complementare +180°
- D86130
Tangerine Bliss
- 0099BB
≈ Serene Blue
Analogo -30° +30°
- D86130
Tangerine Bliss
- D95871
≈ Kenny’s Kiss
- BC7900
≈ Cassandra’s Curse
Triadico +120° +240°
- D86130
Tangerine Bliss
- 00A36E
≈ Biel-Tan Green
- 7B7AE8
≈ Hera Blue
Complementare divisa +150° +210°
- D86130
Tangerine Bliss
- 009E9A
≈ Talismanic Teal
- 2C8DE8
≈ Bleu de France
Tetradico +90° +180° +270°
- D86130
Tangerine Bliss
- 659D1D
≈ Gecko’s Dream
- 0099BB
≈ Serene Blue
- A969D1
≈ Rich Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.70:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.67:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.67:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--tangerine-bliss: #d86130;
--tangerine-bliss-rgb: 216 97 48;
--tangerine-bliss-oklch: oklch(0.632 0.162 41.3);
}
.element {
color: var(--tangerine-bliss);
background-color: hsl(17 68% 52%);
border-color: oklch(0.632 0.162 41.3);
}Tailwind CSS v4
@theme {
--color-tangerine-bliss: #d86130;
--color-tangerine-bliss-50: #ffe7d0;
--color-tangerine-bliss-100: #ffd7bd;
--color-tangerine-bliss-200: #ffbe9c;
--color-tangerine-bliss-300: #fc9b72;
--color-tangerine-bliss-400: #ec794c;
--color-tangerine-bliss-500: #da5719;
--color-tangerine-bliss-600: #b84a19;
--color-tangerine-bliss-700: #943b14;
--color-tangerine-bliss-800: #6f2910;
--color-tangerine-bliss-900: #4e1c0a;
--color-tangerine-bliss-950: #340b00;
}SCSS
$tangerine-bliss: #d86130;
$tangerine-bliss-rgb: 216, 97, 48;
$tangerine-bliss-light: mix(#fff, $tangerine-bliss, 20%);
$tangerine-bliss-dark: mix(#000, $tangerine-bliss, 20%);
.element {
color: $tangerine-bliss;
box-shadow: 0 0 0 2px rgba($tangerine-bliss, 0.35);
}