Benannte Farbe · #6A7DBC
Persian Jewel
Persian Jewel ist #6A7DBC: rgb(106 125 188), hsl(226 38% 58%), oklch(0.601 0.099 270.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Persian Jewel color name →
#6A7DBC
oklch(0.601 0.099 270.4)
Farbumrechnungen
- HEX
- #6a7dbc
- RGB
- rgb(106 125 188)
- HSL
- hsl(226 38% 58%)
- HWB
- hwb(226 42% 26%)
- OKLCH
- oklch(0.601 0.099 270.4)
- OKLab
- oklab(0.601 0.001 -0.099)
- CIE Lab
- lab(52.9 5.62 -35.79)
- LCH
- lch(52.9 36.23 278.9)
- CMYK
- cmyk(44% 34% 0% 26%)
Tints · Shades · Tones
Tints
- 788AC3
- 8696CA
- 94A3D1
- A3B0D8
- B2BDDF
- C1CAE5
- D0D7EC
- DFE4F2
- EFF2F9
Shades
- 5B6CA3
- 4D5B8B
- 3F4B73
- 313B5D
- 242C47
- 181E32
- 0D111F
- 04050D
- 000102
Tones
- 6C7EB6
- 6E7EB0
- 707FAB
- 737FA5
- 757F9F
- 778099
- 798093
- 7C808D
- 7E8086
Farbharmonien
Komplementär +180°
- 6A7DBC
Persian Jewel
- 977E32
≈ Fernweh
Analog -30° +30°
- 6A7DBC
Persian Jewel
- 4388B6
≈ Walker Lake
- 8A72B3
≈ Dahlia Purple
Triadisch +120° +240°
- 6A7DBC
Persian Jewel
- B4695C
≈ Badlands
- 519161
≈ Illuminati Green
Geteilt komplementär +150° +210°
- 6A7DBC
Persian Jewel
- AB723F
≈ Byzantine Copper
- 788942
≈ Laird
Tetradisch +90° +180° +270°
- 6A7DBC
Persian Jewel
- B1667E
≈ Crushed Raspberry
- 977E32
≈ Fernweh
- 259483
≈ Approval Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.98:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.27:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--persian-jewel: #6a7dbc;
--persian-jewel-rgb: 106 125 188;
--persian-jewel-oklch: oklch(0.601 0.099 270.4);
}
.element {
color: var(--persian-jewel);
background-color: hsl(226 38% 58%);
border-color: oklch(0.601 0.099 270.4);
}Tailwind CSS v4
@theme {
--color-persian-jewel: #6a7dbc;
--color-persian-jewel-50: #ebf4ff;
--color-persian-jewel-100: #dce7ff;
--color-persian-jewel-200: #c5d2ff;
--color-persian-jewel-300: #a6b5eb;
--color-persian-jewel-400: #889cd9;
--color-persian-jewel-500: #6d82c8;
--color-persian-jewel-600: #5d6ea9;
--color-persian-jewel-700: #4a5887;
--color-persian-jewel-800: #344165;
--color-persian-jewel-900: #232d47;
--color-persian-jewel-950: #12192e;
}SCSS
$persian-jewel: #6a7dbc;
$persian-jewel-rgb: 106, 125, 188;
$persian-jewel-light: mix(#fff, $persian-jewel, 20%);
$persian-jewel-dark: mix(#000, $persian-jewel, 20%);
.element {
color: $persian-jewel;
box-shadow: 0 0 0 2px rgba($persian-jewel, 0.35);
}