En yakın adlandırılmış renk · #408080
#408080
En yakın adlandırılmış renk: Paradiso
#408080 (rgb(64 128 128), hsl(180 33% 38%), oklch(0.558 0.066 195.4)) 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.
#408080
oklch(0.558 0.066 195.4)
Renk dönüşümleri
- HEX
- #408080
- RGB
- rgb(64 128 128)
- HSL
- hsl(180 33% 38%)
- HWB
- hwb(180 25% 50%)
- OKLCH
- oklch(0.558 0.066 195.4)
- OKLab
- oklab(0.558 -0.063 -0.017)
- CIE Lab
- lab(49.4 -21.41 -6.69)
- LCH
- lch(49.4 22.43 197.4)
- CMYK
- cmyk(50% 0% 0% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 548C8C
- 679898
- 7AA5A4
- 8DB1B1
- A0BEBE
- B2CBCA
- C5D8D7
- D8E5E4
- ECF2F2
Koyu tonlar
- 366E6E
- 2D5D5D
- 244D4D
- 1B3D3D
- 132E2E
- 0B1F1F
- 051212
- 010606
- 000101
Gri tonlar
- 488080
- 508080
- 578080
- 5D8080
- 648080
- 6A8080
- 708080
- 758080
- 7B8080
Renk uyumları
Tamamlayıcı +180°
- 408080
Paradiso
- 976467
≈ Copper Rose
Analog -30° +30°
- 408080
Paradiso
- 4D806B
≈ Blackberry Leaf Green
- 467C91
≈ Coelin Blue
Üçlü +120° +240°
- 408080
Paradiso
- 83688E
≈ Poetry Mauve
- 8A6F47
≈ Dull Gold
Bölünmüş tamamlayıcı +150° +210°
- 408080
Paradiso
- 90647C
≈ Victorian Plum
- 956853
≈ Rio Rust
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.54:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.61:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.61:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--paradiso: #408080;
--paradiso-rgb: 64 128 128;
--paradiso-oklch: oklch(0.558 0.066 195.4);
}
.element {
color: var(--paradiso);
background-color: hsl(180 33% 38%);
border-color: oklch(0.558 0.066 195.4);
}Tailwind CSS v4
@theme {
--color-paradiso: #408080;
--color-paradiso-50: #e1fbfc;
--color-paradiso-100: #d0efef;
--color-paradiso-200: #b5ddde;
--color-paradiso-300: #90c2c3;
--color-paradiso-400: #6fabab;
--color-paradiso-500: #4c9494;
--color-paradiso-600: #417d7d;
--color-paradiso-700: #346464;
--color-paradiso-800: #244a49;
--color-paradiso-900: #183332;
--color-paradiso-950: #091f1e;
}SCSS
$paradiso: #408080;
$paradiso-rgb: 64, 128, 128;
$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);
}