Nazwany kolor · #234156
Indigo Go-Go
Indigo Go-Go to #234156: rgb(35 65 86), hsl(205 42% 24%), oklch(0.362 0.051 240.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Indigo Go-Go color name →
#234156
oklch(0.362 0.051 240.7)
Konwersje koloru
- HEX
- #234156
- RGB
- rgb(35 65 86)
- HSL
- hsl(205 42% 24%)
- HWB
- hwb(205 14% 66%)
- OKLCH
- oklch(0.362 0.051 240.7)
- OKLab
- oklab(0.362 -0.025 -0.045)
- CIE Lab
- lab(25.94 -6.28 -16.32)
- LCH
- lch(25.94 17.48 249)
- CMYK
- cmyk(59% 24% 0% 66%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 375266
- 4B6476
- 607686
- 758896
- 8B9BA7
- A1AEB8
- B8C2CA
- CFD6DB
- E7EAED
Odcienie ciemniejsze
- 1D374A
- 172E3E
- 112532
- 0C1C27
- 07131C
- 040B12
- 010508
- 000102
- 000000
Tony
- 2C475A
- 364D5F
- 3F5463
- 485A67
- 51606B
- 5A666F
- 646D74
- 6D7378
- 777A7C
Harmonie kolorów
Komplementarna +180°
- 234156
Indigo Go-Go
- 513721
≈ Brown Bramble
Analogowa -30° +30°
- 234156
Indigo Go-Go
- 16454D
≈ Blue Hill
- 333C59
≈ Gulf Blue
Triada +120° +240°
- 234156
Indigo Go-Go
- 54323C
≈ Nectar of the Gods
- 3A4222
≈ Deep Seaweed
Komplementarna rozszczepiona +150° +210°
- 234156
Indigo Go-Go
- 55332D
≈ Indian Fig
- 483C1C
≈ Madras
Tetrada +90° +180° +270°
- 234156
Indigo Go-Go
- 4D344A
≈ Loulou
- 513721
≈ Brown Bramble
- 29452F
≈ Birōdo Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.70:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.96:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--indigo-go-go: #234156;
--indigo-go-go-rgb: 35 65 86;
--indigo-go-go-oklch: oklch(0.362 0.051 240.7);
}
.element {
color: var(--indigo-go-go);
background-color: hsl(205 42% 24%);
border-color: oklch(0.362 0.051 240.7);
}Tailwind CSS v4
@theme {
--color-indigo-go-go: #234156;
--color-indigo-go-go-50: #e9f7ff;
--color-indigo-go-go-100: #daeaf8;
--color-indigo-go-go-200: #c2d7e9;
--color-indigo-go-go-300: #a1bbd0;
--color-indigo-go-go-400: #84a3ba;
--color-indigo-go-go-500: #678ba5;
--color-indigo-go-go-600: #58768c;
--color-indigo-go-go-700: #465e70;
--color-indigo-go-go-800: #324552;
--color-indigo-go-go-900: #223039;
--color-indigo-go-go-950: #111c24;
}SCSS
$indigo-go-go: #234156;
$indigo-go-go-rgb: 35, 65, 86;
$indigo-go-go-light: mix(#fff, $indigo-go-go, 20%);
$indigo-go-go-dark: mix(#000, $indigo-go-go, 20%);
.element {
color: $indigo-go-go;
box-shadow: 0 0 0 2px rgba($indigo-go-go, 0.35);
}