Nazwany kolor · #6264A6
Blue Iris
Blue Iris to #6264A6: rgb(98 100 166), hsl(238 28% 52%), oklch(0.531 0.103 281). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Blue Iris color name →
#6264A6
oklch(0.531 0.103 281)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7073AF
- 7F82B9
- 8D91C2
- 9DA0CB
- ACB0D4
- BCBFDC
- CDCFE5
- DDDFEE
- EEEFF6
Odcienie ciemniejsze
- 545690
- 47487A
- 3A3B65
- 2D2E51
- 21223E
- 16162B
- 0B0B1A
- 03030A
- 000001
Tony
- 6567A3
- 676A9F
- 6A6D9C
- 6D7098
- 707394
- 737690
- 76788C
- 7A7B88
- 7D7E84
Harmonie kolorów
Komplementarna +180°
- 6264A6
Blue Iris
- 796D16
≈ Olivetone
Analogowa -30° +30°
- 6264A6
Blue Iris
- 3B6FA5
≈ Mega Blue
- 7F5A98
≈ Purple Tanzanite
Triada +120° +240°
- 6264A6
Blue Iris
- 9D563B
≈ Persimmon Varnish
- 257E58
≈ Canadian Pine
Komplementarna rozszczepiona +150° +210°
- 6264A6
Blue Iris
- 91611B
≈ Tapenade
- 577835
≈ Luck of the Irish
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.39:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.89:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
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);
}