Adlandırılmış renk · #6688FF
Deep Denim
Deep Denim, #6688FF: rgb(102 136 255), hsl(227 100% 70%), oklch(0.66 0.18 269). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Deep Denim color name →
#6688FF
oklch(0.66 0.18 269)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7495FF
- 82A1FF
- 91AEFF
- A0BAFF
- AFC5FF
- BFD1FF
- CFDDFF
- DFE8FF
- EFF4FF
Koyu tonlar
- 5875DE
- 4A63BE
- 3C529E
- 2F4180
- 233163
- 172248
- 0C132E
- 040616
- 000103
Gri tonlar
- 6888F2
- 6B88E6
- 6E88D9
- 7087CD
- 7387C0
- 7586B4
- 7885A7
- 7B839A
- 7D828D
Renk uyumları
Tamamlayıcı +180°
- 6688FF
Deep Denim
- B38D00
≈ Cobra Leather
Analog -30° +30°
- 6688FF
Deep Denim
- 009CE2
≈ Atmosphere
- A374EF
≈ Forgotten Purple
Üçlü +120° +240°
- 6688FF
Deep Denim
- EC5D4D
≈ Opal Flame
- 18AF4F
≈ Matt Green
Bölünmüş tamamlayıcı +150° +210°
- 6688FF
Deep Denim
- D67600
≈ Autumn Leaf Orange
- 899E00
≈ Noxious
Dörtlü +90° +180° +270°
- 6688FF
Deep Denim
- E55990
≈ Carmine Rose
- B38D00
≈ Cobra Leather
- 00AA94
≈ Shindig
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.21:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.53:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.53:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
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);
}