Colore con nome · #AE99D2
Biloba Flower
Biloba Flower è #AE99D2: rgb(174 153 210), hsl(262 39% 71%), oklch(0.722 0.084 301.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Biloba Flower color name →
#AE99D2
oklch(0.722 0.084 301.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B6A3D7
- BEADDB
- C6B7E0
- CEC1E5
- D6CBE9
- DED6EE
- E6E0F2
- EEEAF6
- F7F5FB
Ombre
- 9784B6
- 80709B
- 6A5D81
- 554A68
- 413850
- 2E2739
- 1C1724
- 0B0810
- 010102
Toni
- A997CA
- A594C1
- A092B9
- 9B8FB1
- 978DA9
- 928AA1
- 8D8898
- 898590
- 848388
Armonie di colore
Complementare +180°
- AE99D2
Biloba Flower
- 9DAE71
≈ Rural Eyes
Analogo -30° +30°
- AE99D2
Biloba Flower
- 92A3DB
≈ Dalmatian Sage
- C492BD
≈ La la Love
Triadico +120° +240°
- AE99D2
Biloba Flower
- CC996E
≈ Chimaera Brown
- 64B7A8
≈ Tropic Turquoise
Complementare divisa +150° +210°
- AE99D2
Biloba Flower
- B9A466
≈ Shutterbug
- 7DB58A
≈ Tree Fern
Tetradico +90° +180° +270°
- AE99D2
Biloba Flower
- D59185
≈ Peach Preserve
- 9DAE71
≈ Rural Eyes
- 60B4C3
≈ Glacier Lake
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.53:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.28:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
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);
}