色名 · #C67464
Peach Macaron
Peach Macaronは#C67464：rgb(198 116 100)、hsl(10 46% 58%)、oklch(0.645 0.107 31.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Peach Macaron color name →
#C67464
oklch(0.645 0.107 31.9)
カラー変換
- HEX
- #c67464
- RGB
- rgb(198 116 100)
- HSL
- hsl(10 46% 58%)
- HWB
- hwb(10 39% 22%)
- OKLCH
- oklch(0.645 0.107 31.9)
- OKLab
- oklab(0.645 0.091 0.056)
- CIE Lab
- lab(57.9 31.81 23.47)
- LCH
- lch(57.9 39.53 36.4)
- CMYK
- cmyk(0% 41% 49% 22%)
ティント · シェード · トーン
ティント
- CD8273
- D39082
- DA9D91
- E0ABA0
- E5B9B0
- EBC7BF
- F0D5CF
- F6E3DF
- FAF1EF
シェード
- AC6456
- 925448
- 7A453B
- 62372E
- 4B2922
- 351B16
- 210F0B
- 0E0503
- 020100
トーン
- BF7667
- B9776A
- B2796D
- AC7A70
- A57B73
- 9E7D76
- 977E78
- 8F7E7B
- 887F7D
カラーハーモニー
補色 +180°
- C67464
Peach Macaron
- 1D9EB3
≈ Lake Blue
類似色 -30° +30°
- C67464
Peach Macaron
- C37189
≈ Prehistoric Pink
- BC7E44
≈ Beeswax Candle
トライアド +120° +240°
- C67464
Peach Macaron
- 57A06D
≈ Great Gazoo
- 7789CF
≈ True Lavender
スプリットコンプリメンタリー +150° +210°
- C67464
Peach Macaron
- 26A392
≈ Fishy House
- 4C95C9
≈ Blue Paradise
テトラード +90° +180° +270°
- C67464
Peach Macaron
- 83984A
≈ Bamboo Grass Green
- 1D9EB3
≈ Lake Blue
- 9A7DC4
≈ Plum Burst
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.45:1 · APCA Lc 62
Ag
AA黒の上
WCAG 6.08:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--peach-macaron: #c67464;
--peach-macaron-rgb: 198 116 100;
--peach-macaron-oklch: oklch(0.645 0.107 31.9);
}
.element {
color: var(--peach-macaron);
background-color: hsl(10 46% 58%);
border-color: oklch(0.645 0.107 31.9);
}Tailwind CSS v4
@theme {
--color-peach-macaron: #c67464;
--color-peach-macaron-50: #ffebe1;
--color-peach-macaron-100: #ffdcd1;
--color-peach-macaron-200: #fec5b7;
--color-peach-macaron-300: #e9a493;
--color-peach-macaron-400: #d68676;
--color-peach-macaron-500: #c26958;
--color-peach-macaron-600: #a4594b;
--color-peach-macaron-700: #84473c;
--color-peach-macaron-800: #62332c;
--color-peach-macaron-900: #45231d;
--color-peach-macaron-950: #2c120e;
}SCSS
$peach-macaron: #c67464;
$peach-macaron-rgb: 198, 116, 100;
$peach-macaron-light: mix(#fff, $peach-macaron, 20%);
$peach-macaron-dark: mix(#000, $peach-macaron, 20%);
.element {
color: $peach-macaron;
box-shadow: 0 0 0 2px rgba($peach-macaron, 0.35);
}