Nazwany kolor · #759180
Rainford
Rainford to #759180: rgb(117 145 128), hsl(144 11% 51%), oklch(0.63 0.041 158.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Rainford color name →
#759180
oklch(0.63 0.041 158.4)
Konwersje koloru
- HEX
- #759180
- RGB
- rgb(117 145 128)
- HSL
- hsl(144 11% 51%)
- HWB
- hwb(144 46% 43%)
- OKLCH
- oklch(0.63 0.041 158.4)
- OKLab
- oklab(0.63 -0.038 0.015)
- CIE Lab
- lab(57.62 -12.97 5.63)
- LCH
- lch(57.62 14.14 156.5)
- CMYK
- cmyk(19% 0% 12% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 829C8C
- 8FA698
- 9DB1A4
- AABCB1
- B8C7BE
- C6D2CA
- D4DDD7
- E2E8E4
- F1F4F2
Odcienie ciemniejsze
- 657D6E
- 556A5D
- 46584D
- 37463D
- 29352E
- 1C251F
- 0F1512
- 050706
- 010101
Tony
- 768F80
- 788E80
- 798C80
- 7A8A80
- 7B8980
- 7C8780
- 7D8580
- 7E8380
- 7F8280
Harmonie kolorów
Komplementarna +180°
- 759180
Rainford
- 9A8092
≈ Garden Plum
Analogowa -30° +30°
- 759180
Rainford
- 828E74
≈ Mossy Statue
- 6D918E
≈ Pool Tide
Triada +120° +240°
- 759180
Rainford
- 8387A2
≈ Velvet Curtain
- A08177
≈ Modern Mocha
Komplementarna rozszczepiona +150° +210°
- 759180
Rainford
- 90839C
≈ Hatoba Pigeon
- A07F84
≈ Plumville
Tetrada +90° +180° +270°
- 759180
Rainford
- 768CA1
≈ Blue Grey
- 9A8092
≈ Garden Plum
- 9A856F
≈ Sturdy Brown
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.43:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.11:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--rainford: #759180;
--rainford-rgb: 117 145 128;
--rainford-oklch: oklch(0.63 0.041 158.4);
}
.element {
color: var(--rainford);
background-color: hsl(144 11% 51%);
border-color: oklch(0.63 0.041 158.4);
}Tailwind CSS v4
@theme {
--color-rainford: #759180;
--color-rainford-50: #ecf9f1;
--color-rainford-100: #ddece3;
--color-rainford-200: #c6dace;
--color-rainford-300: #a6beb0;
--color-rainford-400: #8ba696;
--color-rainford-500: #708f7c;
--color-rainford-600: #5f7969;
--color-rainford-700: #4c6154;
--color-rainford-800: #37473d;
--color-rainford-900: #26312a;
--color-rainford-950: #141d17;
}SCSS
$rainford: #759180;
$rainford-rgb: 117, 145, 128;
$rainford-light: mix(#fff, $rainford, 20%);
$rainford-dark: mix(#000, $rainford, 20%);
.element {
color: $rainford;
box-shadow: 0 0 0 2px rgba($rainford, 0.35);
}