En yakın adlandırılmış renk · #82B7A1
#82B7A1
En yakın adlandırılmış renk: Beau Monde
#82B7A1 (rgb(130 183 161), hsl(155 27% 61%), oklch(0.736 0.064 167)) en çok Beau Monde 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.
#82B7A1
oklch(0.736 0.064 167)
Renk dönüşümleri
- HEX
- #82b7a1
- RGB
- rgb(130 183 161)
- HSL
- hsl(155 27% 61%)
- HWB
- hwb(155 51% 28%)
- OKLCH
- oklch(0.736 0.064 167)
- OKLab
- oklab(0.736 -0.063 0.015)
- CIE Lab
- lab(70.23 -21.68 5.36)
- LCH
- lch(70.23 22.34 166.1)
- CMYK
- cmyk(29% 0% 12% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8FBEAA
- 9BC5B3
- A8CCBC
- B4D4C6
- C1DBCF
- CDE2D8
- D9E9E2
- E6F0EC
- F2F8F5
Koyu tonlar
- 709F8B
- 5F8776
- 4E7062
- 3E5A4E
- 2F453C
- 20312A
- 121E19
- 060C09
- 010201
Gri tonlar
- 82B19E
- 83AC9A
- 83A697
- 83A194
- 829B90
- 82968D
- 82908A
- 818B87
- 818583
Renk uyumları
Tamamlayıcı +180°
- 82B7A1
Beau Monde
- C99AB1
≈ Lady’s Cushions Pink
Analog -30° +30°
- 82B7A1
Beau Monde
- 97B38C
≈ Easygoing Green
- 78B7B7
≈ Kingfisher Turquoise
Üçlü +120° +240°
- 82B7A1
Beau Monde
- A6A4D1
≈ Water Hyacinth
- CC9E87
≈ Artefact
Bölünmüş tamamlayıcı +150° +210°
- 82B7A1
Beau Monde
- BA9DC5
≈ Crocus Petal
- CF9A9B
≈ Silk Stone
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.27:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.23:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--beau-monde: #82b7a1;
--beau-monde-rgb: 130 183 161;
--beau-monde-oklch: oklch(0.736 0.064 167);
}
.element {
color: var(--beau-monde);
background-color: hsl(155 27% 61%);
border-color: oklch(0.736 0.064 167);
}Tailwind CSS v4
@theme {
--color-beau-monde: #82b7a1;
--color-beau-monde-50: #e4fbf2;
--color-beau-monde-100: #d4efe4;
--color-beau-monde-200: #badecf;
--color-beau-monde-300: #98c3b2;
--color-beau-monde-400: #79ab96;
--color-beau-monde-500: #5a947d;
--color-beau-monde-600: #4d7d6a;
--color-beau-monde-700: #3d6455;
--color-beau-monde-800: #2c4a3d;
--color-beau-monde-900: #1e332a;
--color-beau-monde-950: #0e1f17;
}SCSS
$beau-monde: #82b7a1;
$beau-monde-rgb: 130, 183, 161;
$beau-monde-light: mix(#fff, $beau-monde, 20%);
$beau-monde-dark: mix(#000, $beau-monde, 20%);
.element {
color: $beau-monde;
box-shadow: 0 0 0 2px rgba($beau-monde, 0.35);
}