色名 · #D2AA92
Regina Peach
Regina Peachは#D2AA92：rgb(210 170 146)、hsl(23 42% 70%)、oklch(0.768 0.058 52.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Regina Peach color name →
#D2AA92
oklch(0.768 0.058 52.6)
カラー変換
- HEX
- #d2aa92
- RGB
- rgb(210 170 146)
- HSL
- hsl(23 42% 70%)
- HWB
- hwb(23 57% 18%)
- OKLCH
- oklch(0.768 0.058 52.6)
- OKLab
- oklab(0.768 0.035 0.046)
- CIE Lab
- lab(72.83 12.56 18.24)
- LCH
- lch(72.83 22.14 55.4)
- CMYK
- cmyk(0% 19% 30% 18%)
ティント · シェード · トーン
ティント
- D7B29D
- DBBBA7
- E0C3B2
- E5CCBD
- E9D4C8
- EEDDD3
- F2E5DE
- F6EEE9
- FBF6F4
シェード
- B6937E
- 9B7D6B
- 816858
- 685346
- 503F35
- 392D25
- 241B16
- 100B08
- 020101
トーン
- CAA690
- C1A28F
- B99D8D
- B1998B
- A99589
- A09188
- 988D86
- 908884
- 888482
カラーハーモニー
補色 +180°
- D2AA92
Regina Peach
- 8FBBD3
≈ Bonnie Blue
類似色 -30° +30°
- D2AA92
Regina Peach
- D6A6A3
≈ Mellow Rose
- C6B18A
≈ Earthy Cane
トライアド +120° +240°
- D2AA92
Regina Peach
- 8EC0B0
≈ Scenic View
- B4ADD6
≈ Delicate Lilac
スプリットコンプリメンタリー +150° +210°
- D2AA92
Regina Peach
- 88BFC4
≈ Celestine
- A0B4D9
≈ Mont Blanc
テトラード +90° +180° +270°
- D2AA92
Regina Peach
- 9FBD9C
≈ Spring Rain
- 8FBBD3
≈ Bonnie Blue
- C6A8C9
≈ Tea Towel
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.12:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.90:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--regina-peach: #d2aa92;
--regina-peach-rgb: 210 170 146;
--regina-peach-oklch: oklch(0.768 0.058 52.6);
}
.element {
color: var(--regina-peach);
background-color: hsl(23 42% 70%);
border-color: oklch(0.768 0.058 52.6);
}Tailwind CSS v4
@theme {
--color-regina-peach: #d2aa92;
--color-regina-peach-50: #fff1e6;
--color-regina-peach-100: #f8e3d6;
--color-regina-peach-200: #e9cebe;
--color-regina-peach-300: #d0b09c;
--color-regina-peach-400: #bb967f;
--color-regina-peach-500: #a57c63;
--color-regina-peach-600: #8c6954;
--color-regina-peach-700: #705443;
--color-regina-peach-800: #533d30;
--color-regina-peach-900: #3a2a21;
--color-regina-peach-950: #241710;
}SCSS
$regina-peach: #d2aa92;
$regina-peach-rgb: 210, 170, 146;
$regina-peach-light: mix(#fff, $regina-peach, 20%);
$regina-peach-dark: mix(#000, $regina-peach, 20%);
.element {
color: $regina-peach;
box-shadow: 0 0 0 2px rgba($regina-peach, 0.35);
}