Color con nombre · #3A445D
Diplomatic
Diplomatic es #3A445D: rgb(58 68 93), hsl(223 23% 30%), oklch(0.389 0.045 267.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Diplomatic color name →
#3A445D
oklch(0.389 0.045 267.5)
Conversiones de color
- HEX
- #3a445d
- RGB
- rgb(58 68 93)
- HSL
- hsl(223 23% 30%)
- HWB
- hwb(223 23% 64%)
- OKLCH
- oklch(0.389 0.045 267.5)
- OKLab
- oklab(0.389 -0.002 -0.045)
- CIE Lab
- lab(28.77 1.08 -16.33)
- LCH
- lch(28.77 16.37 273.8)
- CMYK
- cmyk(38% 27% 0% 64%)
Tintes · Sombras · Tonos
Tintes
- 4B556C
- 5D667B
- 70788B
- 838A9B
- 969DAB
- ABB0BB
- BFC3CC
- D4D7DD
- E9EBEE
Sombras
- 313A50
- 283043
- 202637
- 181D2A
- 10141F
- 090C14
- 04050A
- 010203
- 000000
Tonos
- 414A61
- 475064
- 4E5668
- 555C6B
- 5C616F
- 636772
- 6A6E76
- 717479
- 797A7D
Armonías de color
Complementario +180°
- 3A445D
Diplomatic
- 4F4328
≈ Deep Bronze
Análogo -30° +30°
- 3A445D
Diplomatic
- 2D485A
≈ Black Forest Blue
- 47405A
≈ Club Grey
Triádico +120° +240°
- 3A445D
Diplomatic
- 5A3B37
≈ Smoked Claret
- 344B37
≈ Norfolk Green
Complementario dividido +150° +210°
- 3A445D
Diplomatic
- 573F2D
≈ Antique Brown
- 43482C
≈ Nori Seaweed Green
Tetrádico +90° +180° +270°
- 3A445D
Diplomatic
- 583B45
≈ Fudge
- 4F4328
≈ Deep Bronze
- 284D44
≈ Blackboard Green
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.70:1 · APCA Lc 92
Ag
FailSobre negro
WCAG 2.16:1 · APCA Lc 10
Mejor color de texto: #FFFFFF
WCAG 9.70:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--diplomatic: #3a445d;
--diplomatic-rgb: 58 68 93;
--diplomatic-oklch: oklch(0.389 0.045 267.5);
}
.element {
color: var(--diplomatic);
background-color: hsl(223 23% 30%);
border-color: oklch(0.389 0.045 267.5);
}Tailwind CSS v4
@theme {
--color-diplomatic: #3a445d;
--color-diplomatic-50: #f0f5ff;
--color-diplomatic-100: #e2e8f7;
--color-diplomatic-200: #ccd4e8;
--color-diplomatic-300: #aeb7cf;
--color-diplomatic-400: #939eba;
--color-diplomatic-500: #7986a5;
--color-diplomatic-600: #67718b;
--color-diplomatic-700: #525b6f;
--color-diplomatic-800: #3b4252;
--color-diplomatic-900: #282e39;
--color-diplomatic-950: #161b24;
}SCSS
$diplomatic: #3a445d;
$diplomatic-rgb: 58, 68, 93;
$diplomatic-light: mix(#fff, $diplomatic, 20%);
$diplomatic-dark: mix(#000, $diplomatic, 20%);
.element {
color: $diplomatic;
box-shadow: 0 0 0 2px rgba($diplomatic, 0.35);
}