Nazwany kolor · #6225B8
Rabbit-Ear Iris
Rabbit-Ear Iris to #6225B8: rgb(98 37 184), hsl(265 67% 43%), oklch(0.445 0.21 295.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Rabbit-Ear Iris color name →
#6225B8
oklch(0.445 0.21 295.1)
Konwersje koloru
- HEX
- #6225b8
- RGB
- rgb(98 37 184)
- HSL
- hsl(265 67% 43%)
- HWB
- hwb(265 15% 28%)
- OKLCH
- oklch(0.445 0.21 295.1)
- OKLab
- oklab(0.445 0.089 -0.19)
- CIE Lab
- lab(31.69 50.13 -67.44)
- LCH
- lch(31.69 84.03 306.6)
- CMYK
- cmyk(47% 80% 0% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F42C1
- 7D59C9
- 8B6FD1
- 9A84D9
- AA98E0
- BAADE7
- CBC1EE
- DCD6F4
- EDEAFA
Odcienie ciemniejsze
- 541FA0
- 471988
- 3A1371
- 2D0D5B
- 210845
- 160431
- 0B021E
- 03000C
- 000002
Tony
- 6434B3
- 6640AF
- 694BAA
- 6C54A5
- 6E5C9F
- 72649A
- 756B94
- 78738E
- 7C7987
Harmonie kolorów
Komplementarna +180°
- 6225B8
Rabbit-Ear Iris
- 535A00
≈ Greensboro
Analogowa -30° +30°
- 6225B8
Rabbit-Ear Iris
- 1941C5
≈ Blue Blue
- 880091
≈ Dark Magenta
Triada +120° +240°
- 6225B8
Rabbit-Ear Iris
- 814000
≈ Hazelnut Chocolate
- 006351
≈ Piney Lake
Komplementarna rozszczepiona +150° +210°
- 6225B8
Rabbit-Ear Iris
- 6B4F00
≈ Antique Bronze
- 006718
≈ Zelyony Green
Tetrada +90° +180° +270°
- 6225B8
Rabbit-Ear Iris
- A00017
≈ Dear Darling
- 535A00
≈ Greensboro
- 006068
≈ Turkish Aqua
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.48:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.47:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.48:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--rabbit-ear-iris: #6225b8;
--rabbit-ear-iris-rgb: 98 37 184;
--rabbit-ear-iris-oklch: oklch(0.445 0.21 295.1);
}
.element {
color: var(--rabbit-ear-iris);
background-color: hsl(265 67% 43%);
border-color: oklch(0.445 0.21 295.1);
}Tailwind CSS v4
@theme {
--color-rabbit-ear-iris: #6225b8;
--color-rabbit-ear-iris-50: #fbe9ff;
--color-rabbit-ear-iris-100: #efdaff;
--color-rabbit-ear-iris-200: #dec1ff;
--color-rabbit-ear-iris-300: #c49eff;
--color-rabbit-ear-iris-400: #aa7eff;
--color-rabbit-ear-iris-500: #955bff;
--color-rabbit-ear-iris-600: #7e4ed7;
--color-rabbit-ear-iris-700: #653ead;
--color-rabbit-ear-iris-800: #482d82;
--color-rabbit-ear-iris-900: #321f5c;
--color-rabbit-ear-iris-950: #1e0d3f;
}SCSS
$rabbit-ear-iris: #6225b8;
$rabbit-ear-iris-rgb: 98, 37, 184;
$rabbit-ear-iris-light: mix(#fff, $rabbit-ear-iris, 20%);
$rabbit-ear-iris-dark: mix(#000, $rabbit-ear-iris, 20%);
.element {
color: $rabbit-ear-iris;
box-shadow: 0 0 0 2px rgba($rabbit-ear-iris, 0.35);
}