Couleur nommée la plus proche · #82B7A1
#82B7A1
Couleur nommée la plus proche: Beau Monde
#82B7A1 (rgb(130 183 161), hsl(155 27% 61%), oklch(0.736 0.064 167)) est la plus proche de la couleur nommée Beau Monde. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#82B7A1
oklch(0.736 0.064 167)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 8FBEAA
- 9BC5B3
- A8CCBC
- B4D4C6
- C1DBCF
- CDE2D8
- D9E9E2
- E6F0EC
- F2F8F5
Ombres
- 709F8B
- 5F8776
- 4E7062
- 3E5A4E
- 2F453C
- 20312A
- 121E19
- 060C09
- 010201
Tons
- 82B19E
- 83AC9A
- 83A697
- 83A194
- 829B90
- 82968D
- 82908A
- 818B87
- 818583
Harmonies de couleurs
Complémentaire +180°
- 82B7A1
Beau Monde
- C99AB1
≈ Lady’s Cushions Pink
Analogue -30° +30°
- 82B7A1
Beau Monde
- 97B38C
≈ Easygoing Green
- 78B7B7
≈ Kingfisher Turquoise
Triadique +120° +240°
- 82B7A1
Beau Monde
- A6A4D1
≈ Water Hyacinth
- CC9E87
≈ Artefact
Complémentaire divisée +150° +210°
- 82B7A1
Beau Monde
- BA9DC5
≈ Crocus Petal
- CF9A9B
≈ Silk Stone
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.27:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.23:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
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);
}