Najbliższy nazwany kolor · #43195D
#43195D
Najbliższy nazwany kolor: Fading Horizon
#43195D (rgb(67 25 93), hsl(277 58% 23%), oklch(0.314 0.118 309.5)) jest najbliższy nazwanemu kolorowi Fading Horizon. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#43195D
oklch(0.314 0.118 309.5)
Konwersje koloru
- HEX
- #43195d
- RGB
- rgb(67 25 93)
- HSL
- hsl(277 58% 23%)
- HWB
- hwb(277 10% 64%)
- OKLCH
- oklch(0.314 0.118 309.5)
- OKLab
- oklab(0.314 0.075 -0.091)
- CIE Lab
- lab(18.41 30.21 -32.52)
- LCH
- lch(18.41 44.38 312.9)
- CMYK
- cmyk(28% 73% 0% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 54306D
- 65457D
- 775B8D
- 89719D
- 9C88AD
- AF9FBD
- C3B6CD
- D6CEDE
- EBE6EE
Odcienie ciemniejsze
- 391450
- 2F1043
- 260B37
- 1D072A
- 14041F
- 0C0214
- 05010A
- 010003
- 000000
Tony
- 492561
- 4F3065
- 553A69
- 5B446D
- 614E70
- 675874
- 6D6277
- 746C7A
- 7A767D
Harmonie kolorów
Komplementarna +180°
- 43195D
Fading Horizon
- 233900
≈ Melancholia
Analogowa -30° +30°
- 43195D
Fading Horizon
- 28246B
≈ After Work Blue
- 550E44
≈ Royal Ash
Triada +120° +240°
- 43195D
Fading Horizon
- 472A00
≈ Stirland Mud
- 003A37
≈ Night Turquoise
Komplementarna rozszczepiona +150° +210°
- 43195D
Fading Horizon
- 393100
≈ Hidden Passage
- 003C24
≈ Off-Road Green
Tetrada +90° +180° +270°
- 43195D
Fading Horizon
- 581900
≈ Baragon Brown
- 233900
≈ Melancholia
- 003845
≈ Natural Indigo
Kontrast i dostępność
Ag
AAANa bieli
WCAG 13.67:1 · APCA Lc 100
Ag
FailNa czerni
WCAG 1.53:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 13.67:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmenty kodu
CSS
:root {
--fading-horizon: #43195d;
--fading-horizon-rgb: 67 25 93;
--fading-horizon-oklch: oklch(0.314 0.118 309.5);
}
.element {
color: var(--fading-horizon);
background-color: hsl(277 58% 23%);
border-color: oklch(0.314 0.118 309.5);
}Tailwind CSS v4
@theme {
--color-fading-horizon: #43195d;
--color-fading-horizon-50: #ffecff;
--color-fading-horizon-100: #f5ddff;
--color-fading-horizon-200: #e5c6fa;
--color-fading-horizon-300: #cba6e4;
--color-fading-horizon-400: #b38ad3;
--color-fading-horizon-500: #9e6ec1;
--color-fading-horizon-600: #855ea3;
--color-fading-horizon-700: #6b4b83;
--color-fading-horizon-800: #4d3662;
--color-fading-horizon-900: #362545;
--color-fading-horizon-950: #21132c;
}SCSS
$fading-horizon: #43195d;
$fading-horizon-rgb: 67, 25, 93;
$fading-horizon-light: mix(#fff, $fading-horizon, 20%);
$fading-horizon-dark: mix(#000, $fading-horizon, 20%);
.element {
color: $fading-horizon;
box-shadow: 0 0 0 2px rgba($fading-horizon, 0.35);
}