Nazwany kolor · #4D456A
True Romance
True Romance to #4D456A: rgb(77 69 106), hsl(253 21% 34%), oklch(0.414 0.061 293.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · True Romance color name →
#4D456A
oklch(0.414 0.061 293.5)
Konwersje koloru
- HEX
- #4d456a
- RGB
- rgb(77 69 106)
- HSL
- hsl(253 21% 34%)
- HWB
- hwb(253 27% 58%)
- OKLCH
- oklch(0.414 0.061 293.5)
- OKLab
- oklab(0.414 0.024 -0.056)
- CIE Lab
- lab(31.33 10.29 -20.49)
- LCH
- lch(31.33 22.93 296.7)
- CMYK
- cmyk(27% 35% 0% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5D5678
- 6D6787
- 7E7995
- 8F8BA4
- A19DB3
- B3B0C2
- C6C3D1
- D8D7E0
- ECEBEF
Odcienie ciemniejsze
- 423B5B
- 37314D
- 2C273F
- 221E31
- 181524
- 0F0C18
- 07050D
- 020204
- 000000
Tony
- 524B6C
- 57516F
- 5C5671
- 615C73
- 666276
- 6B6878
- 706E7A
- 75747C
- 7B7A7E
Harmonie kolorów
Komplementarna +180°
- 4D456A
True Romance
- 4B4F26
≈ Army Green
Analogowa -30° +30°
- 4D456A
True Romance
- 3A4B6D
≈ Mountain Blueberry
- 5C405F
≈ Navy Cosmos
Triada +120° +240°
- 4D456A
True Romance
- 66422B
≈ Triassic
- 215649
≈ Bagpiper
Komplementarna rozszczepiona +150° +210°
- 4D456A
True Romance
- 5C4821
≈ Nightingale
- 375436
≈ Goblin
Tetrada +90° +180° +270°
- 4D456A
True Romance
- 693E3B
≈ Chipotle Paste
- 4B4F26
≈ Army Green
- 17555B
≈ Seaworld
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.84:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.37:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.84:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--true-romance: #4d456a;
--true-romance-rgb: 77 69 106;
--true-romance-oklch: oklch(0.414 0.061 293.5);
}
.element {
color: var(--true-romance);
background-color: hsl(253 21% 34%);
border-color: oklch(0.414 0.061 293.5);
}Tailwind CSS v4
@theme {
--color-true-romance: #4d456a;
--color-true-romance-50: #f6f2ff;
--color-true-romance-100: #e9e4fb;
--color-true-romance-200: #d6d0ec;
--color-true-romance-300: #b9b2d4;
--color-true-romance-400: #a098c0;
--color-true-romance-500: #887fac;
--color-true-romance-600: #736b91;
--color-true-romance-700: #5c5674;
--color-true-romance-800: #423f56;
--color-true-romance-900: #2e2b3c;
--color-true-romance-950: #1b1826;
}SCSS
$true-romance: #4d456a;
$true-romance-rgb: 77, 69, 106;
$true-romance-light: mix(#fff, $true-romance, 20%);
$true-romance-dark: mix(#000, $true-romance, 20%);
.element {
color: $true-romance;
box-shadow: 0 0 0 2px rgba($true-romance, 0.35);
}