Nazwany kolor · #49548F
Canyon Iris
Canyon Iris to #49548F: rgb(73 84 143), hsl(231 32% 42%), oklch(0.465 0.097 274.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Canyon Iris color name →
#49548F
oklch(0.465 0.097 274.1)
Konwersje koloru
- HEX
- #49548f
- RGB
- rgb(73 84 143)
- HSL
- hsl(231 32% 42%)
- HWB
- hwb(231 29% 44%)
- OKLCH
- oklch(0.465 0.097 274.1)
- OKLab
- oklab(0.465 0.007 -0.096)
- CIE Lab
- lab(36.94 8.68 -34.6)
- LCH
- lch(36.94 35.68 284.1)
- CMYK
- cmyk(49% 41% 0% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 59649A
- 6A75A6
- 7B85B1
- 8C96BC
- 9FA7C8
- B1B8D3
- C4C9DE
- D7DBE9
- EBEDF4
Odcienie ciemniejsze
- 3E487C
- 343C69
- 2A3157
- 202645
- 171B34
- 0E1124
- 060815
- 020207
- 000001
Tony
- 4E598E
- 535D8D
- 59628C
- 5E668A
- 636B89
- 696F87
- 6F7386
- 747884
- 7A7C82
Harmonie kolorów
Komplementarna +180°
- 49548F
Canyon Iris
- 6B5800
≈ Ayahuasca Vine
Analogowa -30° +30°
- 49548F
Canyon Iris
- 1F5E8B
≈ Sapphire Lace
- 654A85
≈ Violet Majesty
Triada +120° +240°
- 49548F
Canyon Iris
- 874333
≈ Mattar Paneer
- 236940
≈ Billiard Ball
Komplementarna rozszczepiona +150° +210°
- 49548F
Canyon Iris
- 7E4C11
≈ Gédéon Brown
- 4E621D
≈ Camouflage Green
Tetrada +90° +180° +270°
- 49548F
Canyon Iris
- 854053
≈ Sugar Beet
- 6B5800
≈ Ayahuasca Vine
- 00685F
≈ Evergreen Forest
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.12:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.94:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.12:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--canyon-iris: #49548f;
--canyon-iris-rgb: 73 84 143;
--canyon-iris-oklch: oklch(0.465 0.097 274.1);
}
.element {
color: var(--canyon-iris);
background-color: hsl(231 32% 42%);
border-color: oklch(0.465 0.097 274.1);
}Tailwind CSS v4
@theme {
--color-canyon-iris: #49548f;
--color-canyon-iris-50: #edf4ff;
--color-canyon-iris-100: #dfe6ff;
--color-canyon-iris-200: #c8d1fe;
--color-canyon-iris-300: #aab4e9;
--color-canyon-iris-400: #8d9ad8;
--color-canyon-iris-500: #7281c6;
--color-canyon-iris-600: #616da7;
--color-canyon-iris-700: #4d5786;
--color-canyon-iris-800: #374064;
--color-canyon-iris-900: #252c46;
--color-canyon-iris-950: #14192e;
}SCSS
$canyon-iris: #49548f;
$canyon-iris-rgb: 73, 84, 143;
$canyon-iris-light: mix(#fff, $canyon-iris, 20%);
$canyon-iris-dark: mix(#000, $canyon-iris, 20%);
.element {
color: $canyon-iris;
box-shadow: 0 0 0 2px rgba($canyon-iris, 0.35);
}