Colore con nome · #6264A6
Blue Iris
Blue Iris è #6264A6: rgb(98 100 166), hsl(238 28% 52%), oklch(0.531 0.103 281). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Blue Iris color name →
#6264A6
oklch(0.531 0.103 281)
Conversioni di colore
- HEX
- #6264a6
- RGB
- rgb(98 100 166)
- HSL
- hsl(238 28% 52%)
- HWB
- hwb(238 38% 35%)
- OKLCH
- oklch(0.531 0.103 281)
- OKLab
- oklab(0.531 0.02 -0.101)
- CIE Lab
- lab(44.47 12.33 -36.3)
- LCH
- lch(44.47 38.33 288.8)
- CMYK
- cmyk(41% 40% 0% 35%)
Tinte · Ombre · Toni
Tinte
- 7073AF
- 7F82B9
- 8D91C2
- 9DA0CB
- ACB0D4
- BCBFDC
- CDCFE5
- DDDFEE
- EEEFF6
Ombre
- 545690
- 47487A
- 3A3B65
- 2D2E51
- 21223E
- 16162B
- 0B0B1A
- 03030A
- 000001
Toni
- 6567A3
- 676A9F
- 6A6D9C
- 6D7098
- 707394
- 737690
- 76788C
- 7A7B88
- 7D7E84
Armonie di colore
Complementare +180°
- 6264A6
Blue Iris
- 796D16
≈ Olivetone
Analogo -30° +30°
- 6264A6
Blue Iris
- 3B6FA5
≈ Mega Blue
- 7F5A98
≈ Purple Tanzanite
Triadico +120° +240°
- 6264A6
Blue Iris
- 9D563B
≈ Persimmon Varnish
- 257E58
≈ Canadian Pine
Complementare divisa +150° +210°
- 6264A6
Blue Iris
- 91611B
≈ Tapenade
- 577835
≈ Luck of the Irish
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.39:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.89:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--blue-iris: #6264a6;
--blue-iris-rgb: 98 100 166;
--blue-iris-oklch: oklch(0.531 0.103 281);
}
.element {
color: var(--blue-iris);
background-color: hsl(238 28% 52%);
border-color: oklch(0.531 0.103 281);
}Tailwind CSS v4
@theme {
--color-blue-iris: #6264a6;
--color-blue-iris-50: #f0f2ff;
--color-blue-iris-100: #e2e4ff;
--color-blue-iris-200: #cdcfff;
--color-blue-iris-300: #afb1eb;
--color-blue-iris-400: #9397da;
--color-blue-iris-500: #7a7dc8;
--color-blue-iris-600: #686aa9;
--color-blue-iris-700: #535588;
--color-blue-iris-800: #3b3e65;
--color-blue-iris-900: #282b47;
--color-blue-iris-950: #16182e;
}SCSS
$blue-iris: #6264a6;
$blue-iris-rgb: 98, 100, 166;
$blue-iris-light: mix(#fff, $blue-iris, 20%);
$blue-iris-dark: mix(#000, $blue-iris, 20%);
.element {
color: $blue-iris;
box-shadow: 0 0 0 2px rgba($blue-iris, 0.35);
}