Dichtstbijzijnde benoemde kleur · #527C79
#527C79
Dichtstbijzijnde benoemde kleur: Tropical Rain
#527C79 (rgb(82 124 121), hsl(176 20% 40%), oklch(0.555 0.047 190.2)) komt het dichtst bij de benoemde kleur Tropical Rain. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#527C79
oklch(0.555 0.047 190.2)
Kleurconversies
- HEX
- #527c79
- RGB
- rgb(82 124 121)
- HSL
- hsl(176 20% 40%)
- HWB
- hwb(176 32% 51%)
- OKLCH
- oklch(0.555 0.047 190.2)
- OKLab
- oklab(0.555 -0.046 -0.008)
- CIE Lab
- lab(48.87 -15.7 -3.26)
- LCH
- lch(48.87 16.03 191.7)
- CMYK
- cmyk(34% 0% 2% 51%)
Tinten · Schaduwen · Tonen
Tinten
- 638886
- 739592
- 84A29F
- 95AFAC
- A6BCBA
- B8C9C7
- C9D6D5
- DBE4E3
- EDF1F1
Schaduwen
- 466B68
- 3B5A58
- 2F4A48
- 253B39
- 1A2C2B
- 111E1D
- 081110
- 020505
- 000101
Tonen
- 577C7A
- 5C7D7A
- 617D7B
- 667E7C
- 6A7E7D
- 6F7F7D
- 737F7E
- 787F7F
- 7C807F
Kleurharmonieën
Complementair +180°
- 527C79
Tropical Rain
- 8C686C
≈ Deadlock
Analoog -30° +30°
- 527C79
Tropical Rain
- 5B7C6A
≈ Stone Cypress Green
- 547A86
≈ Rocky Hill
Triadisch +120° +240°
- 527C79
Tropical Rain
- 7B6C88
≈ Nymph’s Delight
- 856E55
≈ Appaloosa Spots
Gesplitst complementair +150° +210°
- 527C79
Tropical Rain
- 86687B
≈ Port Wine Stain
- 8C6A5E
≈ Creamed Muscat
Tetradisch +90° +180° +270°
- 527C79
Tropical Rain
- 6D708E
≈ Royal Intrigue
- 8C686C
≈ Deadlock
- 797454
≈ Truly Olive
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.64:1 · APCA Lc 72
Ag
AAOp zwart
WCAG 4.51:1 · APCA Lc 29
Beste tekstkleur: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--tropical-rain: #527c79;
--tropical-rain-rgb: 82 124 121;
--tropical-rain-oklch: oklch(0.555 0.047 190.2);
}
.element {
color: var(--tropical-rain);
background-color: hsl(176 20% 40%);
border-color: oklch(0.555 0.047 190.2);
}Tailwind CSS v4
@theme {
--color-tropical-rain: #527c79;
--color-tropical-rain-50: #e7faf9;
--color-tropical-rain-100: #d7edec;
--color-tropical-rain-200: #bedbd9;
--color-tropical-rain-300: #9dbfbe;
--color-tropical-rain-400: #7fa8a5;
--color-tropical-rain-500: #61908d;
--color-tropical-rain-600: #537a77;
--color-tropical-rain-700: #42625f;
--color-tropical-rain-800: #2f4845;
--color-tropical-rain-900: #203230;
--color-tropical-rain-950: #0f1e1c;
}SCSS
$tropical-rain: #527c79;
$tropical-rain-rgb: 82, 124, 121;
$tropical-rain-light: mix(#fff, $tropical-rain, 20%);
$tropical-rain-dark: mix(#000, $tropical-rain, 20%);
.element {
color: $tropical-rain;
box-shadow: 0 0 0 2px rgba($tropical-rain, 0.35);
}