Nazwany kolor · #75A7AD
Water Cooler
Water Cooler to #75A7AD: rgb(117 167 173), hsl(186 25% 57%), oklch(0.695 0.054 205.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Water Cooler color name →
#75A7AD
oklch(0.695 0.054 205.4)
Konwersje koloru
- HEX
- #75a7ad
- RGB
- rgb(117 167 173)
- HSL
- hsl(186 25% 57%)
- HWB
- hwb(186 46% 32%)
- OKLCH
- oklch(0.695 0.054 205.4)
- OKLab
- oklab(0.695 -0.049 -0.023)
- CIE Lab
- lab(65.12 -16.12 -8.74)
- LCH
- lch(65.12 18.34 208.5)
- CMYK
- cmyk(32% 3% 0% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 83B0B5
- 91B8BD
- 9EC1C5
- ACCACD
- BAD2D5
- C7DBDE
- D5E4E6
- E3EDEE
- F1F6F7
Odcienie ciemniejsze
- 659196
- 557B7F
- 46666A
- 375255
- 293E41
- 1C2C2D
- 0F1A1B
- 050A0B
- 010101
Tony
- 77A3A8
- 789FA4
- 7A9B9F
- 7B979B
- 7C9396
- 7D9092
- 7E8C8D
- 7F8889
- 7F8484
Harmonie kolorów
Komplementarna +180°
- 75A7AD
Water Cooler
- BC918C
≈ Rosy Brown
Analogowa -30° +30°
- 75A7AD
Water Cooler
- 7AA89B
≈ Twining Vine
- 7DA3BA
≈ Ocean Surf
Triada +120° +240°
- 75A7AD
Water Cooler
- AF92AF
≈ Enthroned Above
- AC9B77
≈ Brussels Sprouts
Komplementarna rozszczepiona +150° +210°
- 75A7AD
Water Cooler
- B9909E
≈ Cherry Juice
- B8957D
≈ Cool Clay
Tetrada +90° +180° +270°
- 75A7AD
Water Cooler
- 9F97BB
≈ Grape Gatsby
- BC918C
≈ Rosy Brown
- 9BA17B
≈ French Parsley
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.88:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--water-cooler: #75a7ad;
--water-cooler-rgb: 117 167 173;
--water-cooler-oklch: oklch(0.695 0.054 205.4);
}
.element {
color: var(--water-cooler);
background-color: hsl(186 25% 57%);
border-color: oklch(0.695 0.054 205.4);
}Tailwind CSS v4
@theme {
--color-water-cooler: #75a7ad;
--color-water-cooler-50: #e4fafd;
--color-water-cooler-100: #d4edf1;
--color-water-cooler-200: #bbdbe0;
--color-water-cooler-300: #98c0c5;
--color-water-cooler-400: #79a8ae;
--color-water-cooler-500: #599197;
--color-water-cooler-600: #4c7a80;
--color-water-cooler-700: #3d6266;
--color-water-cooler-800: #2b484b;
--color-water-cooler-900: #1d3234;
--color-water-cooler-950: #0d1e1f;
}SCSS
$water-cooler: #75a7ad;
$water-cooler-rgb: 117, 167, 173;
$water-cooler-light: mix(#fff, $water-cooler, 20%);
$water-cooler-dark: mix(#000, $water-cooler, 20%);
.element {
color: $water-cooler;
box-shadow: 0 0 0 2px rgba($water-cooler, 0.35);
}