Color con nombre · #3D5E8C
Delft
Delft es #3D5E8C: rgb(61 94 140), hsl(215 39% 39%), oklch(0.478 0.084 256.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Delft color name →
#3D5E8C
oklch(0.478 0.084 256.9)
Conversiones de color
- HEX
- #3d5e8c
- RGB
- rgb(61 94 140)
- HSL
- hsl(215 39% 39%)
- HWB
- hwb(215 24% 45%)
- OKLCH
- oklch(0.478 0.084 256.9)
- OKLab
- oklab(0.478 -0.019 -0.082)
- CIE Lab
- lab(38.99 -1.34 -29.64)
- LCH
- lch(38.99 29.67 267.4)
- CMYK
- cmyk(56% 33% 0% 45%)
Tintes · Sombras · Tonos
Tintes
- 4F6D98
- 617DA3
- 748CAE
- 879CBA
- 9AACC5
- ADBCD1
- C1CDDC
- D6DDE8
- EAEEF3
Sombras
- 345179
- 2B4467
- 223755
- 1A2B43
- 121F33
- 0A1423
- 040A14
- 010307
- 000001
Tonos
- 44628B
- 4B658A
- 516989
- 586C88
- 5F7087
- 657386
- 6C7685
- 737A83
- 797D82
Armonías de color
Complementario +180°
- 3D5E8C
Delft
- 78561E
≈ Lizard Brown
Análogo -30° +30°
- 3D5E8C
Delft
- 176682
≈ Georgian Bay
- 5A558A
≈ Mountain Iris
Triádico +120° +240°
- 3D5E8C
Delft
- 86484C
≈ Red Elegance
- 466837
≈ Dell
Complementario dividido +150° +210°
- 3D5E8C
Delft
- 844D32
≈ Two Cents
- 636020
≈ Gardener Green
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.60:1 · APCA Lc 83
Ag
FailSobre negro
WCAG 3.17:1 · APCA Lc 19
Mejor color de texto: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--delft: #3d5e8c;
--delft-rgb: 61 94 140;
--delft-oklch: oklch(0.478 0.084 256.9);
}
.element {
color: var(--delft);
background-color: hsl(215 39% 39%);
border-color: oklch(0.478 0.084 256.9);
}Tailwind CSS v4
@theme {
--color-delft: #3d5e8c;
--color-delft-50: #e7f6ff;
--color-delft-100: #d7e9ff;
--color-delft-200: #bfd6f9;
--color-delft-300: #9eb9e3;
--color-delft-400: #7ea0d0;
--color-delft-500: #6188be;
--color-delft-600: #5373a0;
--color-delft-700: #425c80;
--color-delft-800: #2e445f;
--color-delft-900: #1f2f43;
--color-delft-950: #0f1b2b;
}SCSS
$delft: #3d5e8c;
$delft-rgb: 61, 94, 140;
$delft-light: mix(#fff, $delft, 20%);
$delft-dark: mix(#000, $delft, 20%);
.element {
color: $delft;
box-shadow: 0 0 0 2px rgba($delft, 0.35);
}