Couleur nommée · #AAA0BC
Royal Proclamation
Royal Proclamation correspond à #AAA0BC : rgb(170 160 188), hsl(261 17% 68%), oklch(0.723 0.041 301.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Royal Proclamation color name →
#AAA0BC
oklch(0.723 0.041 301.6)
Conversions de couleur
- HEX
- #aaa0bc
- RGB
- rgb(170 160 188)
- HSL
- hsl(261 17% 68%)
- HWB
- hwb(261 63% 26%)
- OKLCH
- oklch(0.723 0.041 301.6)
- OKLab
- oklab(0.723 0.022 -0.035)
- CIE Lab
- lab(67.42 7.84 -13.13)
- LCH
- lch(67.42 15.29 300.8)
- CMYK
- cmyk(10% 15% 0% 26%)
Teintes · Ombres · Tons
Teintes
- B2A9C3
- BAB2C9
- C3BCD0
- CBC5D7
- D4CFDD
- DCD8E4
- E5E2EB
- EDEBF1
- F6F5F8
Ombres
- 938BA3
- 7D768B
- 686173
- 534E5D
- 3F3B47
- 2D2932
- 1B191F
- 0B090D
- 010102
Tons
- A69DB6
- A19AB0
- 9D96AA
- 9993A4
- 95909E
- 918D98
- 8C8A92
- 88868C
- 848386
Harmonies de couleurs
Complémentaire +180°
- AAA0BC
Royal Proclamation
- A1AA8D
≈ Sagey
Analogue -30° +30°
- AAA0BC
Royal Proclamation
- 9CA5C0
≈ Veranda Iris
- B69DB2
≈ Pastel Purple
Triadique +120° +240°
- AAA0BC
Royal Proclamation
- B9A08C
≈ Hickory
- 8AAFA7
≈ Sea Nymph
Complémentaire divisée +150° +210°
- AAA0BC
Royal Proclamation
- AFA589
≈ Stone
- 93AE99
≈ Andean Slate
Tétradique +90° +180° +270°
- AAA0BC
Royal Proclamation
- BE9D96
≈ Coca Mocha
- A1AA8D
≈ Sagey
- 88ADB5
≈ Aquitaine
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.48:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.46:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.46:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--royal-proclamation: #aaa0bc;
--royal-proclamation-rgb: 170 160 188;
--royal-proclamation-oklch: oklch(0.723 0.041 301.6);
}
.element {
color: var(--royal-proclamation);
background-color: hsl(261 17% 68%);
border-color: oklch(0.723 0.041 301.6);
}Tailwind CSS v4
@theme {
--color-royal-proclamation: #aaa0bc;
--color-royal-proclamation-50: #f7f2ff;
--color-royal-proclamation-100: #ebe5f4;
--color-royal-proclamation-200: #d8d0e3;
--color-royal-proclamation-300: #bcb3c9;
--color-royal-proclamation-400: #a399b3;
--color-royal-proclamation-500: #8b809e;
--color-royal-proclamation-600: #756c85;
--color-royal-proclamation-700: #5e576b;
--color-royal-proclamation-800: #443f4f;
--color-royal-proclamation-900: #2f2c37;
--color-royal-proclamation-950: #1c1922;
}SCSS
$royal-proclamation: #aaa0bc;
$royal-proclamation-rgb: 170, 160, 188;
$royal-proclamation-light: mix(#fff, $royal-proclamation, 20%);
$royal-proclamation-dark: mix(#000, $royal-proclamation, 20%);
.element {
color: $royal-proclamation;
box-shadow: 0 0 0 2px rgba($royal-proclamation, 0.35);
}