Nazwany kolor · #6D76A1
Bleached Denim
Bleached Denim to #6D76A1: rgb(109 118 161), hsl(230 22% 53%), oklch(0.575 0.067 275). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Bleached Denim color name →
#6D76A1
oklch(0.575 0.067 275)
Konwersje koloru
- HEX
- #6d76a1
- RGB
- rgb(109 118 161)
- HSL
- hsl(230 22% 53%)
- HWB
- hwb(230 43% 37%)
- OKLCH
- oklch(0.575 0.067 275)
- OKLab
- oklab(0.575 0.006 -0.067)
- CIE Lab
- lab(50.16 4.49 -24.47)
- LCH
- lch(50.16 24.88 280.4)
- CMYK
- cmyk(32% 27% 0% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7A83AA
- 8890B4
- 969EBD
- A5ABC7
- B3B9D0
- C2C6D9
- D1D4E3
- E0E2EC
- EFF1F6
Odcienie ciemniejsze
- 5E668B
- 4F5676
- 414762
- 33384E
- 26293C
- 191C2A
- 0D0F19
- 040509
- 010101
Tony
- 6F779E
- 71789B
- 737998
- 747A94
- 767B91
- 787C8E
- 7A7D8A
- 7C7E87
- 7E7F84
Harmonie kolorów
Komplementarna +180°
- 6D76A1
Bleached Denim
- 85794A
≈ Swamp Mud
Analogowa -30° +30°
- 6D76A1
Bleached Denim
- 567D9E
≈ Glass Sapphire
- 826F99
≈ Baroness Mauve
Triada +120° +240°
- 6D76A1
Bleached Denim
- 9C6B5E
≈ Western Red
- 588567
≈ Soylent Green
Komplementarna rozszczepiona +150° +210°
- 6D76A1
Bleached Denim
- 95714E
≈ Renwick Golden Oak
- 708054
≈ Terrain
Tetrada +90° +180° +270°
- 6D76A1
Bleached Denim
- 9B6873
≈ Nouveau Rose
- 85794A
≈ Swamp Mud
- 46867E
≈ Carlisle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.41:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.75:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.75:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--bleached-denim: #6d76a1;
--bleached-denim-rgb: 109 118 161;
--bleached-denim-oklch: oklch(0.575 0.067 275);
}
.element {
color: var(--bleached-denim);
background-color: hsl(230 22% 53%);
border-color: oklch(0.575 0.067 275);
}Tailwind CSS v4
@theme {
--color-bleached-denim: #6d76a1;
--color-bleached-denim-50: #f0f4ff;
--color-bleached-denim-100: #e2e6ff;
--color-bleached-denim-200: #ccd2f2;
--color-bleached-denim-300: #aeb5da;
--color-bleached-denim-400: #929cc7;
--color-bleached-denim-500: #7983b3;
--color-bleached-denim-600: #666f97;
--color-bleached-denim-700: #525979;
--color-bleached-denim-800: #3a415a;
--color-bleached-denim-900: #282d3f;
--color-bleached-denim-950: #161a28;
}SCSS
$bleached-denim: #6d76a1;
$bleached-denim-rgb: 109, 118, 161;
$bleached-denim-light: mix(#fff, $bleached-denim, 20%);
$bleached-denim-dark: mix(#000, $bleached-denim, 20%);
.element {
color: $bleached-denim;
box-shadow: 0 0 0 2px rgba($bleached-denim, 0.35);
}