Nazwany kolor · #59B9C6
Shinbashi
Shinbashi to #59B9C6: rgb(89 185 198), hsl(187 49% 56%), oklch(0.733 0.092 207.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Shinbashi color name →
#59B9C6
oklch(0.733 0.092 207.2)
Konwersje koloru
- HEX
- #59b9c6
- RGB
- rgb(89 185 198)
- HSL
- hsl(187 49% 56%)
- HWB
- hwb(187 35% 22%)
- OKLCH
- oklch(0.733 0.092 207.2)
- OKLab
- oklab(0.733 -0.082 -0.042)
- CIE Lab
- lab(69.77 -26.74 -15.73)
- LCH
- lch(69.77 31.02 210.5)
- CMYK
- cmyk(55% 7% 0% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6DC0CC
- 7FC7D1
- 90CED7
- A1D5DD
- B1DCE2
- C1E3E8
- D0EAEE
- E0F1F4
- F0F8F9
Odcienie ciemniejsze
- 4CA0AC
- 408992
- 34717A
- 285B62
- 1D464B
- 133135
- 091E21
- 030D0E
- 000202
Tony
- 60B3BF
- 66AEB8
- 6BA8B1
- 6FA2AA
- 739DA3
- 76979C
- 799195
- 7C8B8E
- 7E8687
Harmonie kolorów
Komplementarna +180°
- 59B9C6
Shinbashi
- DD9289
≈ Tuscan Image
Analogowa -30° +30°
- 59B9C6
Shinbashi
- 62BCA8
≈ Bath Turquoise
- 6EB1DB
≈ Milky Waves
Triada +120° +240°
- 59B9C6
Shinbashi
- C894C7
≈ Pomtini
- C1A562
≈ Spring Roll
Komplementarna rozszczepiona +150° +210°
- 59B9C6
Shinbashi
- D890A9
≈ Foxy Pink
- D59A6E
≈ Folksy Gold
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.17:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--shinbashi: #59b9c6;
--shinbashi-rgb: 89 185 198;
--shinbashi-oklch: oklch(0.733 0.092 207.2);
}
.element {
color: var(--shinbashi);
background-color: hsl(187 49% 56%);
border-color: oklch(0.733 0.092 207.2);
}Tailwind CSS v4
@theme {
--color-shinbashi: #59b9c6;
--color-shinbashi-50: #d8fdff;
--color-shinbashi-100: #c5f1f9;
--color-shinbashi-200: #a7e0ea;
--color-shinbashi-300: #7dc5d1;
--color-shinbashi-400: #54aeba;
--color-shinbashi-500: #1b97a5;
--color-shinbashi-600: #1c808b;
--color-shinbashi-700: #176670;
--color-shinbashi-800: #0d4b52;
--color-shinbashi-900: #093439;
--color-shinbashi-950: #002023;
}SCSS
$shinbashi: #59b9c6;
$shinbashi-rgb: 89, 185, 198;
$shinbashi-light: mix(#fff, $shinbashi, 20%);
$shinbashi-dark: mix(#000, $shinbashi, 20%);
.element {
color: $shinbashi;
box-shadow: 0 0 0 2px rgba($shinbashi, 0.35);
}