Najbliższy nazwany kolor · #6B7DC3
#6B7DC3
Najbliższy nazwany kolor: Flood
#6B7DC3 (rgb(107 125 195), hsl(228 42% 59%), oklch(0.606 0.109 271.9)) jest najbliższy nazwanemu kolorowi Flood. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6B7DC3
oklch(0.606 0.109 271.9)
Konwersje koloru
- HEX
- #6b7dc3
- RGB
- rgb(107 125 195)
- HSL
- hsl(228 42% 59%)
- HWB
- hwb(228 42% 24%)
- OKLCH
- oklch(0.606 0.109 271.9)
- OKLab
- oklab(0.606 0.004 -0.109)
- CIE Lab
- lab(53.26 7.55 -39.22)
- LCH
- lch(53.26 39.94 280.9)
- CMYK
- cmyk(45% 36% 0% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 798ACA
- 8697D0
- 95A3D6
- A3B0DD
- B2BDE3
- C1CAE9
- D0D7EE
- E0E4F4
- EFF2FA
Odcienie ciemniejsze
- 5C6CA9
- 4E5B90
- 3F4B78
- 323B60
- 252C4A
- 181E34
- 0D1120
- 04050E
- 000102
Tony
- 6D7EBD
- 6F7EB6
- 717FAF
- 737FA9
- 7580A2
- 77809C
- 7A8095
- 7C808E
- 7E8087
Harmonie kolorów
Komplementarna +180°
- 6B7DC3
Flood
- 997F27
≈ Spruced Up
Analogowa -30° +30°
Triada +120° +240°
- 6B7DC3
Flood
- BA6858
≈ Badlands
- 4A9461
≈ Illuminati Green
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.92:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.34:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.34:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--flood: #6b7dc3;
--flood-rgb: 107 125 195;
--flood-oklch: oklch(0.606 0.109 271.9);
}
.element {
color: var(--flood);
background-color: hsl(228 42% 59%);
border-color: oklch(0.606 0.109 271.9);
}Tailwind CSS v4
@theme {
--color-flood: #6b7dc3;
--color-flood-50: #ebf4ff;
--color-flood-100: #dce6ff;
--color-flood-200: #c5d2ff;
--color-flood-300: #a6b4f0;
--color-flood-400: #889adf;
--color-flood-500: #6d80ce;
--color-flood-600: #5c6dae;
--color-flood-700: #4a578c;
--color-flood-800: #344068;
--color-flood-900: #232c49;
--color-flood-950: #121930;
}SCSS
$flood: #6b7dc3;
$flood-rgb: 107, 125, 195;
$flood-light: mix(#fff, $flood, 20%);
$flood-dark: mix(#000, $flood, 20%);
.element {
color: $flood;
box-shadow: 0 0 0 2px rgba($flood, 0.35);
}