Nazwany kolor · #6688FF
Deep Denim
Deep Denim to #6688FF: rgb(102 136 255), hsl(227 100% 70%), oklch(0.66 0.18 269). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Deep Denim color name →
#6688FF
oklch(0.66 0.18 269)
Konwersje koloru
- HEX
- #6688ff
- RGB
- rgb(102 136 255)
- HSL
- hsl(227 100% 70%)
- HWB
- hwb(227 40% 0%)
- OKLCH
- oklch(0.66 0.18 269)
- OKLab
- oklab(0.66 -0.003 -0.18)
- CIE Lab
- lab(58.67 15.39 -64.13)
- LCH
- lch(58.67 65.95 283.5)
- CMYK
- cmyk(60% 47% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7495FF
- 82A1FF
- 91AEFF
- A0BAFF
- AFC5FF
- BFD1FF
- CFDDFF
- DFE8FF
- EFF4FF
Odcienie ciemniejsze
- 5875DE
- 4A63BE
- 3C529E
- 2F4180
- 233163
- 172248
- 0C132E
- 040616
- 000103
Tony
- 6888F2
- 6B88E6
- 6E88D9
- 7087CD
- 7387C0
- 7586B4
- 7885A7
- 7B839A
- 7D828D
Harmonie kolorów
Komplementarna +180°
- 6688FF
Deep Denim
- B38D00
≈ Cobra Leather
Analogowa -30° +30°
- 6688FF
Deep Denim
- 009CE2
≈ Atmosphere
- A374EF
≈ Forgotten Purple
Triada +120° +240°
- 6688FF
Deep Denim
- EC5D4D
≈ Opal Flame
- 18AF4F
≈ Matt Green
Komplementarna rozszczepiona +150° +210°
- 6688FF
Deep Denim
- D67600
≈ Autumn Leaf Orange
- 899E00
≈ Noxious
Tetrada +90° +180° +270°
- 6688FF
Deep Denim
- E55990
≈ Carmine Rose
- B38D00
≈ Cobra Leather
- 00AA94
≈ Shindig
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.21:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.53:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.53:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--deep-denim: #6688ff;
--deep-denim-rgb: 102 136 255;
--deep-denim-oklch: oklch(0.66 0.18 269);
}
.element {
color: var(--deep-denim);
background-color: hsl(227 100% 70%);
border-color: oklch(0.66 0.18 269);
}Tailwind CSS v4
@theme {
--color-deep-denim: #6688ff;
--color-deep-denim-50: #e2f3ff;
--color-deep-denim-100: #d1e5ff;
--color-deep-denim-200: #b8d0ff;
--color-deep-denim-300: #96b1ff;
--color-deep-denim-400: #7496ff;
--color-deep-denim-500: #5779fb;
--color-deep-denim-600: #4a67d4;
--color-deep-denim-700: #3b52aa;
--color-deep-denim-800: #263c80;
--color-deep-denim-900: #192a5a;
--color-deep-denim-950: #0b173d;
}SCSS
$deep-denim: #6688ff;
$deep-denim-rgb: 102, 136, 255;
$deep-denim-light: mix(#fff, $deep-denim, 20%);
$deep-denim-dark: mix(#000, $deep-denim, 20%);
.element {
color: $deep-denim;
box-shadow: 0 0 0 2px rgba($deep-denim, 0.35);
}