色名 · #CD9489
Peach Beige
Peach Beigeは#CD9489：rgb(205 148 137)、hsl(10 40% 67%)、oklch(0.719 0.071 31.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Peach Beige color name →
#CD9489
oklch(0.719 0.071 31.1)
カラー変換
- HEX
- #cd9489
- RGB
- rgb(205 148 137)
- HSL
- hsl(10 40% 67%)
- HWB
- hwb(10 54% 20%)
- OKLCH
- oklch(0.719 0.071 31.1)
- OKLab
- oklab(0.719 0.061 0.037)
- CIE Lab
- lab(66.77 21.05 14.79)
- LCH
- lch(66.77 25.73 35.1)
- CMYK
- cmyk(0% 28% 33% 20%)
ティント · シェード · トーン
ティント
- D29E94
- D8A9A0
- DDB4AB
- E2BEB7
- E7C9C3
- ECD4CF
- F1DEDB
- F6E9E7
- FAF4F3
シェード
- B28076
- 986D64
- 7E5A53
- 664842
- 4E3631
- 382622
- 231614
- 0F0807
- 020101
トーン
- C59288
- BE9087
- B68E87
- AE8C86
- A78A85
- 9F8884
- 978683
- 908482
- 888281
カラーハーモニー
補色 +180°
- CD9489
Peach Beige
- 6DB1BE
≈ Water Music
類似色 -30° +30°
- CD9489
Peach Beige
- CB92A1
≈ Madagascar Pink
- C59A76
≈ Chimaera Brown
トライアド +120° +240°
- CD9489
Peach Beige
- 83B18E
≈ Padua
- 94A2D2
≈ Ceil
スプリットコンプリメンタリー +150° +210°
- CD9489
Peach Beige
- 70B3A7
≈ Lenticular Ore
- 7CAACD
≈ Calm Day
テトラード +90° +180° +270°
- CD9489
Peach Beige
- 9DAC79
≈ Siamese Green
- 6DB1BE
≈ Water Music
- AC9ACA
≈ Grape Arbour
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.56:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.19:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.19:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--peach-beige: #cd9489;
--peach-beige-rgb: 205 148 137;
--peach-beige-oklch: oklch(0.719 0.071 31.1);
}
.element {
color: var(--peach-beige);
background-color: hsl(10 40% 67%);
border-color: oklch(0.719 0.071 31.1);
}Tailwind CSS v4
@theme {
--color-peach-beige: #cd9489;
--color-peach-beige-50: #ffeee8;
--color-peach-beige-100: #ffe0d9;
--color-peach-beige-200: #f1cac1;
--color-peach-beige-300: #d9aba0;
--color-peach-beige-400: #c58f85;
--color-peach-beige-500: #b07469;
--color-peach-beige-600: #956359;
--color-peach-beige-700: #784f47;
--color-peach-beige-800: #593934;
--color-peach-beige-900: #3e2723;
--color-peach-beige-950: #271512;
}SCSS
$peach-beige: #cd9489;
$peach-beige-rgb: 205, 148, 137;
$peach-beige-light: mix(#fff, $peach-beige, 20%);
$peach-beige-dark: mix(#000, $peach-beige, 20%);
.element {
color: $peach-beige;
box-shadow: 0 0 0 2px rgba($peach-beige, 0.35);
}