Colore con nome · #3D4D78
Takaka
Takaka è #3D4D78: rgb(61 77 120), hsl(224 33% 35%), oklch(0.427 0.075 267.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Takaka color name →
#3D4D78
oklch(0.427 0.075 267.7)
Conversioni di colore
- HEX
- #3d4d78
- RGB
- rgb(61 77 120)
- HSL
- hsl(224 33% 35%)
- HWB
- hwb(224 24% 53%)
- OKLCH
- oklch(0.427 0.075 267.7)
- OKLab
- oklab(0.427 -0.003 -0.075)
- CIE Lab
- lab(32.91 3.36 -26.91)
- LCH
- lch(32.91 27.12 277.1)
- CMYK
- cmyk(49% 36% 0% 53%)
Tinte · Ombre · Toni
Tinte
- 4E5D85
- 606E92
- 727FA0
- 8591AD
- 98A2BB
- ACB4C8
- C0C7D6
- D5D9E3
- EAECF1
Ombre
- 344267
- 2B3757
- 222C48
- 1A2239
- 12182A
- 0A0F1D
- 040710
- 010205
- 000001
Toni
- 435279
- 4A577A
- 505D7B
- 57627C
- 5E677D
- 646C7E
- 6B717F
- 72767F
- 797B80
Armonie di colore
Complementare +180°
- 3D4D78
Takaka
- 604C17
≈ Mud Brown
Analogo -30° +30°
- 3D4D78
Takaka
- 205473
≈ Midnight Sonata
- 544673
≈ Grand Purple
Triadico +120° +240°
- 3D4D78
Takaka
- 723E38
≈ Single Origin
- 305A37
≈ Parsley
Complementare divisa +150° +210°
- 3D4D78
Takaka
- 6D4422
≈ Bunni Brown
- 4C5421
≈ Army Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.29:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.53:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.29:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--takaka: #3d4d78;
--takaka-rgb: 61 77 120;
--takaka-oklch: oklch(0.427 0.075 267.7);
}
.element {
color: var(--takaka);
background-color: hsl(224 33% 35%);
border-color: oklch(0.427 0.075 267.7);
}Tailwind CSS v4
@theme {
--color-takaka: #3d4d78;
--color-takaka-50: #ecf5ff;
--color-takaka-100: #dee7ff;
--color-takaka-200: #c7d4f5;
--color-takaka-300: #a8b6df;
--color-takaka-400: #8b9dcb;
--color-takaka-500: #7185b8;
--color-takaka-600: #5f709c;
--color-takaka-700: #4c5a7d;
--color-takaka-800: #36425d;
--color-takaka-900: #252d41;
--color-takaka-950: #141a29;
}SCSS
$takaka: #3d4d78;
$takaka-rgb: 61, 77, 120;
$takaka-light: mix(#fff, $takaka, 20%);
$takaka-dark: mix(#000, $takaka, 20%);
.element {
color: $takaka;
box-shadow: 0 0 0 2px rgba($takaka, 0.35);
}