En yakın adlandırılmış renk · #487F82
#487F82
En yakın adlandırılmış renk: Paradiso
#487F82 (rgb(72 127 130), hsl(183 29% 40%), oklch(0.56 0.058 200.2)) en çok Paradiso adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#487F82
oklch(0.56 0.058 200.2)
Renk dönüşümleri
- HEX
- #487f82
- RGB
- rgb(72 127 130)
- HSL
- hsl(183 29% 40%)
- HWB
- hwb(183 28% 49%)
- OKLCH
- oklch(0.56 0.058 200.2)
- OKLab
- oklab(0.56 -0.055 -0.02)
- CIE Lab
- lab(49.51 -18.36 -7.66)
- LCH
- lch(49.51 19.9 202.6)
- CMYK
- cmyk(45% 2% 0% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5B8B8E
- 6D989A
- 7FA4A6
- 91B1B2
- A3BDBF
- B5CACB
- C7D7D8
- DAE4E5
- ECF2F2
Koyu tonlar
- 3D6E70
- 335D5F
- 294C4E
- 1F3C3E
- 162D2F
- 0D1F20
- 061112
- 020606
- 000101
Gri tonlar
- 4F7F82
- 557F82
- 5B8081
- 618081
- 678081
- 6C8081
- 718081
- 768080
- 7B8080
Renk uyumları
Tamamlayıcı +180°
- 487F82
Paradiso
- 946766
≈ Roseland
Analog -30° +30°
- 487F82
Paradiso
- 50806F
≈ Blackberry Leaf Green
- 4F7B90
≈ Cayman Bay
Üçlü +120° +240°
- 487F82
Paradiso
- 84698A
≈ Beauty
- 87714C
≈ African Plain
Bölünmüş tamamlayıcı +150° +210°
- 487F82
Paradiso
- 8F6679
≈ Sweet Violet
- 916B55
≈ Leather
Dörtlü +90° +180° +270°
- 487F82
Paradiso
- 746F95
≈ Rhythm
- 946766
≈ Roseland
- 76784F
≈ Tree Hugger
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.53:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.63:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--paradiso: #487f82;
--paradiso-rgb: 72 127 130;
--paradiso-oklch: oklch(0.56 0.058 200.2);
}
.element {
color: var(--paradiso);
background-color: hsl(183 29% 40%);
border-color: oklch(0.56 0.058 200.2);
}Tailwind CSS v4
@theme {
--color-paradiso: #487f82;
--color-paradiso-50: #e3fbfc;
--color-paradiso-100: #d2eef0;
--color-paradiso-200: #b8dcdf;
--color-paradiso-300: #95c1c4;
--color-paradiso-400: #75a9ac;
--color-paradiso-500: #549296;
--color-paradiso-600: #487c7e;
--color-paradiso-700: #396365;
--color-paradiso-800: #29494a;
--color-paradiso-900: #1b3233;
--color-paradiso-950: #0b1e1f;
}SCSS
$paradiso: #487f82;
$paradiso-rgb: 72, 127, 130;
$paradiso-light: mix(#fff, $paradiso, 20%);
$paradiso-dark: mix(#000, $paradiso, 20%);
.element {
color: $paradiso;
box-shadow: 0 0 0 2px rgba($paradiso, 0.35);
}