Color con nombre · #A767A2
Iris Orchid
Iris Orchid es #A767A2: rgb(167 103 162), hsl(305 27% 53%), oklch(0.604 0.114 329.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Iris Orchid color name →
#A767A2
oklch(0.604 0.114 329.7)
Conversiones de color
- HEX
- #a767a2
- RGB
- rgb(167 103 162)
- HSL
- hsl(305 27% 53%)
- HWB
- hwb(305 40% 35%)
- OKLCH
- oklch(0.604 0.114 329.7)
- OKLab
- oklab(0.604 0.098 -0.058)
- CIE Lab
- lab(52.41 33.22 -20.98)
- LCH
- lch(52.41 39.29 327.7)
- CMYK
- cmyk(0% 38% 3% 35%)
Tintes · Sombras · Tonos
Tintes
- B076AB
- B985B4
- C294BE
- CBA3C7
- D4B2D0
- DDC1DA
- E5D0E3
- EEE0EC
- F7EFF6
Sombras
- 91598C
- 7B4B77
- 663D63
- 52304F
- 3E233C
- 2C172A
- 1A0C19
- 0A040A
- 010001
Tonos
- A36A9F
- A06D9B
- 9C7098
- 987295
- 957591
- 91778E
- 8D798B
- 897C87
- 847E84
Armonías de color
Complementario +180°
- A767A2
Iris Orchid
- 4A945B
≈ Ineffable Forest
Análogo -30° +30°
- A767A2
Iris Orchid
- 8C71BB
≈ Middle Blue Purple
- B8627F
≈ Raspberry Parfait
Triádico +120° +240°
- A767A2
Iris Orchid
- 9C7D1D
≈ Spruced Up
- 0092A3
≈ Oasis
Complementario dividido +150° +210°
- A767A2
Iris Orchid
- 798B34
≈ Sassy Grass
- 009683
≈ Approval Green
Tetrádico +90° +180° +270°
- A767A2
Iris Orchid
- B36F33
≈ Reno Sand
- 4A945B
≈ Ineffable Forest
- 3389BE
≈ Pat-A-Pep
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.11:1 · APCA Lc 68
Ag
AASobre negro
WCAG 5.10:1 · APCA Lc 34
Mejor color de texto: #000000
WCAG 5.10:1 (AA) · APCA Lc 34
Contrast pairs
Fragmentos de código
CSS
:root {
--iris-orchid: #a767a2;
--iris-orchid-rgb: 167 103 162;
--iris-orchid-oklch: oklch(0.604 0.114 329.7);
}
.element {
color: var(--iris-orchid);
background-color: hsl(305 27% 53%);
border-color: oklch(0.604 0.114 329.7);
}Tailwind CSS v4
@theme {
--color-iris-orchid: #a767a2;
--color-iris-orchid-50: #ffeaff;
--color-iris-orchid-100: #ffdbf9;
--color-iris-orchid-200: #f2c3ea;
--color-iris-orchid-300: #daa2d2;
--color-iris-orchid-400: #c485bf;
--color-iris-orchid-500: #b069aa;
--color-iris-orchid-600: #945990;
--color-iris-orchid-700: #774773;
--color-iris-orchid-800: #573356;
--color-iris-orchid-900: #3d233c;
--color-iris-orchid-950: #261226;
}SCSS
$iris-orchid: #a767a2;
$iris-orchid-rgb: 167, 103, 162;
$iris-orchid-light: mix(#fff, $iris-orchid, 20%);
$iris-orchid-dark: mix(#000, $iris-orchid, 20%);
.element {
color: $iris-orchid;
box-shadow: 0 0 0 2px rgba($iris-orchid, 0.35);
}