Nazwany kolor · #AE99D2
Biloba Flower
Biloba Flower to #AE99D2: rgb(174 153 210), hsl(262 39% 71%), oklch(0.722 0.084 301.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Biloba Flower color name →
#AE99D2
oklch(0.722 0.084 301.2)
Konwersje koloru
- HEX
- #ae99d2
- RGB
- rgb(174 153 210)
- HSL
- hsl(262 39% 71%)
- HWB
- hwb(262 60% 18%)
- OKLCH
- oklch(0.722 0.084 301.2)
- OKLab
- oklab(0.722 0.044 -0.072)
- CIE Lab
- lab(66.64 16.51 -26.42)
- LCH
- lch(66.64 31.16 302)
- CMYK
- cmyk(17% 27% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6A3D7
- BEADDB
- C6B7E0
- CEC1E5
- D6CBE9
- DED6EE
- E6E0F2
- EEEAF6
- F7F5FB
Odcienie ciemniejsze
- 9784B6
- 80709B
- 6A5D81
- 554A68
- 413850
- 2E2739
- 1C1724
- 0B0810
- 010102
Tony
- A997CA
- A594C1
- A092B9
- 9B8FB1
- 978DA9
- 928AA1
- 8D8898
- 898590
- 848388
Harmonie kolorów
Komplementarna +180°
- AE99D2
Biloba Flower
- 9DAE71
≈ Rural Eyes
Analogowa -30° +30°
- AE99D2
Biloba Flower
- 92A3DB
≈ Dalmatian Sage
- C492BD
≈ La la Love
Triada +120° +240°
- AE99D2
Biloba Flower
- CC996E
≈ Chimaera Brown
- 64B7A8
≈ Tropic Turquoise
Komplementarna rozszczepiona +150° +210°
- AE99D2
Biloba Flower
- B9A466
≈ Shutterbug
- 7DB58A
≈ Tree Fern
Tetrada +90° +180° +270°
- AE99D2
Biloba Flower
- D59185
≈ Peach Preserve
- 9DAE71
≈ Rural Eyes
- 60B4C3
≈ Glacier Lake
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.53:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.28:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--biloba-flower: #ae99d2;
--biloba-flower-rgb: 174 153 210;
--biloba-flower-oklch: oklch(0.722 0.084 301.2);
}
.element {
color: var(--biloba-flower);
background-color: hsl(262 39% 71%);
border-color: oklch(0.722 0.084 301.2);
}Tailwind CSS v4
@theme {
--color-biloba-flower: #ae99d2;
--color-biloba-flower-50: #faf0ff;
--color-biloba-flower-100: #ede2ff;
--color-biloba-flower-200: #dbccf3;
--color-biloba-flower-300: #c0addb;
--color-biloba-flower-400: #a793c9;
--color-biloba-flower-500: #9079b5;
--color-biloba-flower-600: #7a6699;
--color-biloba-flower-700: #61527b;
--color-biloba-flower-800: #463c5c;
--color-biloba-flower-900: #312940;
--color-biloba-flower-950: #1d1729;
}SCSS
$biloba-flower: #ae99d2;
$biloba-flower-rgb: 174, 153, 210;
$biloba-flower-light: mix(#fff, $biloba-flower, 20%);
$biloba-flower-dark: mix(#000, $biloba-flower, 20%);
.element {
color: $biloba-flower;
box-shadow: 0 0 0 2px rgba($biloba-flower, 0.35);
}