Colore con nome · #204C6C
Indigo Cloth
Indigo Cloth è #204C6C: rgb(32 76 108), hsl(205 54% 27%), oklch(0.401 0.073 243.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Indigo Cloth color name →
#204C6C
oklch(0.401 0.073 243.1)
Conversioni di colore
- HEX
- #204c6c
- RGB
- rgb(32 76 108)
- HSL
- hsl(205 54% 27%)
- HWB
- hwb(205 13% 58%)
- OKLCH
- oklch(0.401 0.073 243.1)
- OKLab
- oklab(0.401 -0.033 -0.065)
- CIE Lab
- lab(30.43 -6.97 -23.44)
- LCH
- lch(30.43 24.45 253.4)
- CMYK
- cmyk(70% 30% 0% 58%)
Tinte · Ombre · Toni
Tinte
- 365D7A
- 4B6D88
- 607F97
- 7690A5
- 8CA2B4
- A2B4C3
- B9C6D2
- D0D9E1
- E7ECF0
Ombre
- 1A415D
- 15364E
- 0F2C40
- 0A2232
- 061825
- 030F19
- 01060D
- 000204
- 000000
Toni
- 2B516E
- 355771
- 3F5C73
- 486175
- 526677
- 5B6B79
- 64717B
- 6D767D
- 777B7E
Armonie di colore
Complementare +180°
- 204C6C
Indigo Cloth
- 633F19
≈ Pullman Brown
Analogo -30° +30°
- 204C6C
Indigo Cloth
- 00515F
≈ Sandalwood Grey Blue
- 3B456F
≈ Constellation Blue
Triadico +120° +240°
- 204C6C
Indigo Cloth
- 683644
≈ Cabernet Craving
- 414E1F
≈ Bronze Tone
Complementare divisa +150° +210°
- 204C6C
Indigo Cloth
- 6A382E
≈ Strong Mocha
- 554711
≈ Sugarloaf Brown
Tetradico +90° +180° +270°
- 204C6C
Indigo Cloth
- 5F3859
≈ Parma Plum Red
- 633F19
≈ Pullman Brown
- 255335
≈ Kaitoke Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.08:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.31:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.08:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--indigo-cloth: #204c6c;
--indigo-cloth-rgb: 32 76 108;
--indigo-cloth-oklch: oklch(0.401 0.073 243.1);
}
.element {
color: var(--indigo-cloth);
background-color: hsl(205 54% 27%);
border-color: oklch(0.401 0.073 243.1);
}Tailwind CSS v4
@theme {
--color-indigo-cloth: #204c6c;
--color-indigo-cloth-50: #e5f8ff;
--color-indigo-cloth-100: #d5ebff;
--color-indigo-cloth-200: #bbd8f2;
--color-indigo-cloth-300: #99bcdb;
--color-indigo-cloth-400: #79a4c6;
--color-indigo-cloth-500: #5a8cb3;
--color-indigo-cloth-600: #4d7697;
--color-indigo-cloth-700: #3d5f79;
--color-indigo-cloth-800: #2b4659;
--color-indigo-cloth-900: #1d303e;
--color-indigo-cloth-950: #0d1c28;
}SCSS
$indigo-cloth: #204c6c;
$indigo-cloth-rgb: 32, 76, 108;
$indigo-cloth-light: mix(#fff, $indigo-cloth, 20%);
$indigo-cloth-dark: mix(#000, $indigo-cloth, 20%);
.element {
color: $indigo-cloth;
box-shadow: 0 0 0 2px rgba($indigo-cloth, 0.35);
}