最も近い色名 · #BE8F8A
#BE8F8A
最も近い色名: Grand Sunset
#BE8F8A（rgb(190 143 138)、hsl(6 29% 64%)、oklch(0.694 0.058 25.6)）に最も近い色名はGrand Sunsetです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#BE8F8A
oklch(0.694 0.058 25.6)
カラー変換
- HEX
- #be8f8a
- RGB
- rgb(190 143 138)
- HSL
- hsl(6 29% 64%)
- HWB
- hwb(6 54% 25%)
- OKLCH
- oklch(0.694 0.058 25.6)
- OKLab
- oklab(0.694 0.052 0.025)
- CIE Lab
- lab(63.91 17.81 9.96)
- LCH
- lch(63.91 20.41 29.2)
- CMYK
- cmyk(0% 25% 27% 25%)
ティント · シェード · トーン
ティント
- C59A95
- CBA5A0
- D2B0AC
- D9BBB7
- DFC6C3
- E6D1CF
- ECDDDB
- F2E8E7
- F9F3F3
シェード
- A57C77
- 8C6965
- 755753
- 5E4542
- 483432
- 332422
- 1F1514
- 0D0707
- 020101
トーン
- B88E89
- B28C88
- AC8B87
- A58986
- 9F8885
- 998684
- 938583
- 8D8382
- 868281
カラーハーモニー
補色 +180°
- BE8F8A
Grand Sunset
- 71A7AE
≈ Water Cooler
類似色 -30° +30°
- BE8F8A
Grand Sunset
- BB8E9E
≈ Winsome Rose
- B9947A
≈ Cool Clay
トライアド +120° +240°
- BE8F8A
Grand Sunset
- 86A687
≈ Mermaid’s Cove
- 8B9CC1
≈ Lavender Lustre
スプリットコンプリメンタリー +150° +210°
- BE8F8A
Grand Sunset
- 76A99B
≈ Twining Vine
- 7AA3BC
≈ Ocean Surf
テトラード +90° +180° +270°
- BE8F8A
Grand Sunset
- 9AA178
≈ Pine Trail
- 71A7AE
≈ Water Cooler
- 9F96BD
≈ Chive Flower
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--grand-sunset: #be8f8a;
--grand-sunset-rgb: 190 143 138;
--grand-sunset-oklch: oklch(0.694 0.058 25.6);
}
.element {
color: var(--grand-sunset);
background-color: hsl(6 29% 64%);
border-color: oklch(0.694 0.058 25.6);
}Tailwind CSS v4
@theme {
--color-grand-sunset: #be8f8a;
--color-grand-sunset-50: #ffefec;
--color-grand-sunset-100: #fbe1dd;
--color-grand-sunset-200: #eccbc7;
--color-grand-sunset-300: #d4ada7;
--color-grand-sunset-400: #bf928d;
--color-grand-sunset-500: #a97772;
--color-grand-sunset-600: #8f6561;
--color-grand-sunset-700: #73514d;
--color-grand-sunset-800: #553b39;
--color-grand-sunset-900: #3b2827;
--color-grand-sunset-950: #251615;
}SCSS
$grand-sunset: #be8f8a;
$grand-sunset-rgb: 190, 143, 138;
$grand-sunset-light: mix(#fff, $grand-sunset, 20%);
$grand-sunset-dark: mix(#000, $grand-sunset, 20%);
.element {
color: $grand-sunset;
box-shadow: 0 0 0 2px rgba($grand-sunset, 0.35);
}