Nazwany kolor · #6598AF
Shirt Blue
Shirt Blue to #6598AF: rgb(101 152 175), hsl(199 32% 54%), oklch(0.652 0.064 228.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Shirt Blue color name →
#6598AF
oklch(0.652 0.064 228.1)
Konwersje koloru
- HEX
- #6598af
- RGB
- rgb(101 152 175)
- HSL
- hsl(199 32% 54%)
- HWB
- hwb(199 40% 31%)
- OKLCH
- oklch(0.652 0.064 228.1)
- OKLab
- oklab(0.652 -0.043 -0.048)
- CIE Lab
- lab(59.89 -13.04 -17.75)
- LCH
- lch(59.89 22.02 233.7)
- CMYK
- cmyk(42% 13% 0% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 74A2B7
- 84ACBF
- 93B6C7
- A2C0CF
- B1CBD7
- C1D5DF
- D0DFE7
- E0EAEF
- EFF4F7
Odcienie ciemniejsze
- 578498
- 497081
- 3C5C6B
- 2F4A56
- 223841
- 17272E
- 0C171C
- 03080B
- 000101
Tony
- 6896AA
- 6C93A6
- 6F91A1
- 728F9C
- 748C97
- 778A93
- 79878E
- 7C8589
- 7E8285
Harmonie kolorów
Komplementarna +180°
- 6598AF
Shirt Blue
- B1846E
≈ Light Mocha
Analogowa -30° +30°
- 6598AF
Shirt Blue
- 5E9C9E
≈ Jugendstil Turquoise
- 7891B7
≈ Allure
Triada +120° +240°
- 6598AF
Shirt Blue
- AE8097
≈ Capri Fashion Pink
- 939365
≈ Green Cast
Komplementarna rozszczepiona +150° +210°
- 6598AF
Shirt Blue
- B48081
≈ Minuet Rose
- A68B63
≈ Old Leather
Tetrada +90° +180° +270°
- 6598AF
Shirt Blue
- A184AA
≈ Regal Orchid
- B1846E
≈ Light Mocha
- 7D9A73
≈ Horenso Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.15:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.66:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--shirt-blue: #6598af;
--shirt-blue-rgb: 101 152 175;
--shirt-blue-oklch: oklch(0.652 0.064 228.1);
}
.element {
color: var(--shirt-blue);
background-color: hsl(199 32% 54%);
border-color: oklch(0.652 0.064 228.1);
}Tailwind CSS v4
@theme {
--color-shirt-blue: #6598af;
--color-shirt-blue-50: #e3f9ff;
--color-shirt-blue-100: #d3ecfa;
--color-shirt-blue-200: #b9daeb;
--color-shirt-blue-300: #96bed2;
--color-shirt-blue-400: #76a6bd;
--color-shirt-blue-500: #568fa8;
--color-shirt-blue-600: #49798e;
--color-shirt-blue-700: #3a6172;
--color-shirt-blue-800: #294753;
--color-shirt-blue-900: #1b313a;
--color-shirt-blue-950: #0b1d24;
}SCSS
$shirt-blue: #6598af;
$shirt-blue-rgb: 101, 152, 175;
$shirt-blue-light: mix(#fff, $shirt-blue, 20%);
$shirt-blue-dark: mix(#000, $shirt-blue, 20%);
.element {
color: $shirt-blue;
box-shadow: 0 0 0 2px rgba($shirt-blue, 0.35);
}