Najbliższy nazwany kolor · #A091D3
#A091D3
Najbliższy nazwany kolor: Dreamy Candy Forest
#A091D3 (rgb(160 145 211), hsl(254 43% 70%), oklch(0.695 0.097 294.2)) jest najbliższy nazwanemu kolorowi Dreamy Candy Forest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A091D3
oklch(0.695 0.097 294.2)
Konwersje koloru
- HEX
- #a091d3
- RGB
- rgb(160 145 211)
- HSL
- hsl(254 43% 70%)
- HWB
- hwb(254 57% 17%)
- OKLCH
- oklch(0.695 0.097 294.2)
- OKLab
- oklab(0.695 0.04 -0.088)
- CIE Lab
- lab(63.4 16.3 -32.07)
- LCH
- lch(63.4 35.98 296.9)
- CMYK
- cmyk(24% 31% 0% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A99CD8
- B2A7DC
- BBB2E1
- C5BCE6
- CEC7EA
- D8D2EE
- E1DDF3
- EBE9F7
- F5F4FB
Odcienie ciemniejsze
- 8B7DB7
- 766A9C
- 615882
- 4E4669
- 3B3551
- 29253A
- 191524
- 090710
- 010102
Tony
- 9D90CB
- 998EC2
- 968CBA
- 938BB2
- 9089A9
- 8C87A1
- 898699
- 868491
- 838288
Harmonie kolorów
Komplementarna +180°
- A091D3
Dreamy Candy Forest
- 9CA45B
≈ Sweet Pea
Analogowa -30° +30°
- A091D3
Dreamy Candy Forest
- 7E9CD9
≈ Purple Gentian
- BB88BF
≈ Dragonflies
Triada +120° +240°
- A091D3
Dreamy Candy Forest
- CC8C62
≈ Orange Pekoe
- 53B098
≈ Water Park
Komplementarna rozszczepiona +150° +210°
- A091D3
Dreamy Candy Forest
- B99853
≈ Base Sand
- 77AD76
≈ Abomination
Tetrada +90° +180° +270°
- A091D3
Dreamy Candy Forest
- D2857F
≈ Salmon Pate
- 9CA45B
≈ Sweet Pea
- 44AEB8
≈ Thalassa
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--dreamy-candy-forest: #a091d3;
--dreamy-candy-forest-rgb: 160 145 211;
--dreamy-candy-forest-oklch: oklch(0.695 0.097 294.2);
}
.element {
color: var(--dreamy-candy-forest);
background-color: hsl(254 43% 70%);
border-color: oklch(0.695 0.097 294.2);
}Tailwind CSS v4
@theme {
--color-dreamy-candy-forest: #a091d3;
--color-dreamy-candy-forest-50: #f7f0ff;
--color-dreamy-candy-forest-100: #eae2ff;
--color-dreamy-candy-forest-200: #d7ccfa;
--color-dreamy-candy-forest-300: #bbaee4;
--color-dreamy-candy-forest-400: #a193d2;
--color-dreamy-candy-forest-500: #8a79c0;
--color-dreamy-candy-forest-600: #7567a2;
--color-dreamy-candy-forest-700: #5d5282;
--color-dreamy-candy-forest-800: #433c61;
--color-dreamy-candy-forest-900: #2e2944;
--color-dreamy-candy-forest-950: #1b172c;
}SCSS
$dreamy-candy-forest: #a091d3;
$dreamy-candy-forest-rgb: 160, 145, 211;
$dreamy-candy-forest-light: mix(#fff, $dreamy-candy-forest, 20%);
$dreamy-candy-forest-dark: mix(#000, $dreamy-candy-forest, 20%);
.element {
color: $dreamy-candy-forest;
box-shadow: 0 0 0 2px rgba($dreamy-candy-forest, 0.35);
}