最も近い色名 · #82B7A1
#82B7A1
最も近い色名: Beau Monde
#82B7A1（rgb(130 183 161)、hsl(155 27% 61%)、oklch(0.736 0.064 167)）に最も近い色名はBeau Mondeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#82B7A1
oklch(0.736 0.064 167)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 8FBEAA
- 9BC5B3
- A8CCBC
- B4D4C6
- C1DBCF
- CDE2D8
- D9E9E2
- E6F0EC
- F2F8F5
シェード
- 709F8B
- 5F8776
- 4E7062
- 3E5A4E
- 2F453C
- 20312A
- 121E19
- 060C09
- 010201
トーン
- 82B19E
- 83AC9A
- 83A697
- 83A194
- 829B90
- 82968D
- 82908A
- 818B87
- 818583
カラーハーモニー
補色 +180°
- 82B7A1
Beau Monde
- C99AB1
≈ Lady’s Cushions Pink
類似色 -30° +30°
- 82B7A1
Beau Monde
- 97B38C
≈ Easygoing Green
- 78B7B7
≈ Kingfisher Turquoise
トライアド +120° +240°
- 82B7A1
Beau Monde
- A6A4D1
≈ Water Hyacinth
- CC9E87
≈ Artefact
スプリットコンプリメンタリー +150° +210°
- 82B7A1
Beau Monde
- BA9DC5
≈ Crocus Petal
- CF9A9B
≈ Silk Stone
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.27:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.23:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
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);
}