Colore con nome più vicino · #69001A
#69001A
Colore con nome più vicino: Forbidden Passion
#69001A (rgb(105 0 26), hsl(345 100% 21%), oklch(0.33 0.132 17.8)) è più vicino al colore con nome Forbidden Passion. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#69001A
oklch(0.33 0.132 17.8)
Conversioni di colore
- HEX
- #69001a
- RGB
- rgb(105 0 26)
- HSL
- hsl(345 100% 21%)
- HWB
- hwb(345 0% 59%)
- OKLCH
- oklch(0.33 0.132 17.8)
- OKLab
- oklab(0.33 0.126 0.04)
- CIE Lab
- lab(20.85 42.63 18.62)
- LCH
- lch(20.85 46.52 23.6)
- CMYK
- cmyk(0% 100% 75% 59%)
Tinte · Ombre · Toni
Tinte
- 7A242E
- 8A3D43
- 9A5558
- AA6C6E
- B98485
- C89B9C
- D6B4B4
- E4CCCC
- F2E6E5
Ombre
- 5A0015
- 4C0010
- 3E000C
- 310007
- 240004
- 180002
- 0C0001
- 040000
- 000000
Toni
- 6D1724
- 71262E
- 753337
- 783F41
- 7A4A4B
- 7C5556
- 7E6060
- 7F6A6B
- 807575
Armonie di colore
Complementare +180°
- 69001A
Forbidden Passion
- 003E40
≈ Rich Black
Analogo -30° +30°
- 69001A
Forbidden Passion
- 610641
≈ Tyrian Purple
- 592300
≈ Conker Brown
Triadico +120° +240°
- 69001A
Forbidden Passion
- 164100
≈ Forest Green
- 003272
≈ Konjō Blue
Complementare divisa +150° +210°
- 69001A
Forbidden Passion
- 00402F
≈ UP Forest Green
- 003B4F
≈ Gibraltar Sea
Tetradico +90° +180° +270°
- 69001A
Forbidden Passion
- 393800
≈ Camouflage
- 003E40
≈ Rich Black
- 352274
≈ Deep Space Rodeo
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.99:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.61:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.99:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--forbidden-passion: #69001a;
--forbidden-passion-rgb: 105 0 26;
--forbidden-passion-oklch: oklch(0.33 0.132 17.8);
}
.element {
color: var(--forbidden-passion);
background-color: hsl(345 100% 21%);
border-color: oklch(0.33 0.132 17.8);
}Tailwind CSS v4
@theme {
--color-forbidden-passion: #69001a;
--color-forbidden-passion-50: #ffe7e6;
--color-forbidden-passion-100: #ffd7d6;
--color-forbidden-passion-200: #ffbebd;
--color-forbidden-passion-300: #f49c9c;
--color-forbidden-passion-400: #e27c81;
--color-forbidden-passion-500: #cf5c65;
--color-forbidden-passion-600: #af4f56;
--color-forbidden-passion-700: #8c3f44;
--color-forbidden-passion-800: #682d33;
--color-forbidden-passion-900: #491e22;
--color-forbidden-passion-950: #300d12;
}SCSS
$forbidden-passion: #69001a;
$forbidden-passion-rgb: 105, 0, 26;
$forbidden-passion-light: mix(#fff, $forbidden-passion, 20%);
$forbidden-passion-dark: mix(#000, $forbidden-passion, 20%);
.element {
color: $forbidden-passion;
box-shadow: 0 0 0 2px rgba($forbidden-passion, 0.35);
}