Najbliższy nazwany kolor · #713DA7
#713DA7
Najbliższy nazwany kolor: Poppy Pompadour
#713DA7 (rgb(113 61 167), hsl(269 46% 45%), oklch(0.477 0.165 303.3)) jest najbliższy nazwanemu kolorowi Poppy Pompadour. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#713DA7
oklch(0.477 0.165 303.3)
Konwersje koloru
- HEX
- #713da7
- RGB
- rgb(113 61 167)
- HSL
- hsl(269 46% 45%)
- HWB
- hwb(269 24% 35%)
- OKLCH
- oklch(0.477 0.165 303.3)
- OKLab
- oklab(0.477 0.09 -0.138)
- CIE Lab
- lab(36.67 39.01 -49.15)
- LCH
- lch(36.67 62.75 308.4)
- CMYK
- cmyk(32% 63% 0% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7E52B1
- 8B65BA
- 9978C4
- A78BCD
- B59ED6
- C3B1DE
- D2C4E7
- E1D8EF
- F0EBF7
Odcienie ciemniejsze
- 613491
- 522B7B
- 432266
- 351A52
- 27123E
- 1A0A2C
- 0E041A
- 04010A
- 010001
Tony
- 7246A4
- 744DA0
- 75559D
- 775C99
- 786296
- 7A6892
- 7B6F8E
- 7D7589
- 7E7A85
Harmonie kolorów
Komplementarna +180°
- 713DA7
Poppy Pompadour
- 506700
≈ Serrano Pepper
Analogowa -30° +30°
- 713DA7
Poppy Pompadour
- 424FB8
≈ Kikorangi Blue
- 902E83
≈ Purple Excellency
Triada +120° +240°
- 713DA7
Poppy Pompadour
- 874D00
≈ Gédéon Brown
- 006C62
≈ Office Blue Green
Komplementarna rozszczepiona +150° +210°
- 713DA7
Poppy Pompadour
- 705B00
≈ Hot Mustard
- 00703A
≈ Dartmouth Green
Tetrada +90° +180° +270°
- 713DA7
Poppy Pompadour
- A5290E
≈ Rust Red
- 506700
≈ Serrano Pepper
- 006979
≈ Teal With It
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.17:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.92:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.17:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--poppy-pompadour: #713da7;
--poppy-pompadour-rgb: 113 61 167;
--poppy-pompadour-oklch: oklch(0.477 0.165 303.3);
}
.element {
color: var(--poppy-pompadour);
background-color: hsl(269 46% 45%);
border-color: oklch(0.477 0.165 303.3);
}Tailwind CSS v4
@theme {
--color-poppy-pompadour: #713da7;
--color-poppy-pompadour-50: #ffeaff;
--color-poppy-pompadour-100: #f5dbff;
--color-poppy-pompadour-200: #e5c2ff;
--color-poppy-pompadour-300: #cba1fb;
--color-poppy-pompadour-400: #b383ed;
--color-poppy-pompadour-500: #9e64de;
--color-poppy-pompadour-600: #8555bb;
--color-poppy-pompadour-700: #6b4496;
--color-poppy-pompadour-800: #4d3271;
--color-poppy-pompadour-900: #352250;
--color-poppy-pompadour-950: #211035;
}SCSS
$poppy-pompadour: #713da7;
$poppy-pompadour-rgb: 113, 61, 167;
$poppy-pompadour-light: mix(#fff, $poppy-pompadour, 20%);
$poppy-pompadour-dark: mix(#000, $poppy-pompadour, 20%);
.element {
color: $poppy-pompadour;
box-shadow: 0 0 0 2px rgba($poppy-pompadour, 0.35);
}