Benannte Farbe · #006C7F
Shinbashi Azure
Shinbashi Azure ist #006C7F: rgb(0 108 127), hsl(189 100% 25%), oklch(0.489 0.087 215.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Shinbashi Azure color name →
#006C7F
oklch(0.489 0.087 215.4)
Farbumrechnungen
- HEX
- #006c7f
- RGB
- rgb(0 108 127)
- HSL
- hsl(189 100% 25%)
- HWB
- hwb(189 0% 50%)
- OKLCH
- oklch(0.489 0.087 215.4)
- OKLab
- oklab(0.489 -0.071 -0.05)
- CIE Lab
- lab(41.27 -21.66 -18.47)
- LCH
- lch(41.27 28.46 220.5)
- CMYK
- cmyk(100% 15% 0% 50%)
Tints · Shades · Tones
Tints
- 2E7A8B
- 498898
- 6097A4
- 77A5B1
- 8EB4BE
- A4C2CA
- BBD1D7
- D1E0E5
- E8F0F2
Shades
- 005D6E
- 004E5D
- 00404C
- 00323C
- 00252D
- 00191F
- 000D11
- 000406
- 000001
Tones
- 1F6E7F
- 307080
- 3D7380
- 487580
- 537780
- 5C7980
- 667B80
- 6F7C80
- 777E80
Farbharmonien
Komplementär +180°
- 006C7F
Shinbashi Azure
- 8A4D3D
≈ Spiced Red
Analog -30° +30°
- 006C7F
Shinbashi Azure
- 007067
≈ Tide Pools
- 32658E
≈ Drake’s Neck
Triadisch +120° +240°
- 006C7F
Shinbashi Azure
- 7E4C73
≈ Madder Magenta
- 6F5F1D
≈ Hot Mustard
Geteilt komplementär +150° +210°
- 006C7F
Shinbashi Azure
- 894A59
≈ Wine Not
- 815525
≈ Precious Copper
Tetradisch +90° +180° +270°
- 006C7F
Shinbashi Azure
- 6C5387
≈ Magenta Violet
- 8A4D3D
≈ Spiced Red
- 54692F
≈ Bimi Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.08:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.45:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.08:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--shinbashi-azure: #006c7f;
--shinbashi-azure-rgb: 0 108 127;
--shinbashi-azure-oklch: oklch(0.489 0.087 215.4);
}
.element {
color: var(--shinbashi-azure);
background-color: hsl(189 100% 25%);
border-color: oklch(0.489 0.087 215.4);
}Tailwind CSS v4
@theme {
--color-shinbashi-azure: #006c7f;
--color-shinbashi-azure-50: #dbfcff;
--color-shinbashi-azure-100: #c9f0fb;
--color-shinbashi-azure-200: #abdeed;
--color-shinbashi-azure-300: #83c3d5;
--color-shinbashi-azure-400: #5dacbf;
--color-shinbashi-azure-500: #3094aa;
--color-shinbashi-azure-600: #2b7d90;
--color-shinbashi-azure-700: #226473;
--color-shinbashi-azure-800: #164a54;
--color-shinbashi-azure-900: #0e333b;
--color-shinbashi-azure-950: #011f25;
}SCSS
$shinbashi-azure: #006c7f;
$shinbashi-azure-rgb: 0, 108, 127;
$shinbashi-azure-light: mix(#fff, $shinbashi-azure, 20%);
$shinbashi-azure-dark: mix(#000, $shinbashi-azure, 20%);
.element {
color: $shinbashi-azure;
box-shadow: 0 0 0 2px rgba($shinbashi-azure, 0.35);
}