最も近い色名 · #C79A8E
#C79A8E
最も近い色名: Muddy Mire
#C79A8E（rgb(199 154 142)、hsl(13 34% 67%)、oklch(0.725 0.057 35.4)）に最も近い色名はMuddy Mireです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C79A8E
oklch(0.725 0.057 35.4)
カラー変換
- HEX
- #c79a8e
- RGB
- rgb(199 154 142)
- HSL
- hsl(13 34% 67%)
- HWB
- hwb(13 56% 22%)
- OKLCH
- oklch(0.725 0.057 35.4)
- OKLab
- oklab(0.725 0.046 0.033)
- CIE Lab
- lab(67.66 16.05 13.12)
- LCH
- lch(67.66 20.73 39.3)
- CMYK
- cmyk(0% 23% 29% 22%)
ティント · シェード · トーン
ティント
- CDA499
- D3AEA4
- D8B8AF
- DEC2BA
- E4CCC5
- E9D6D1
- EFE0DC
- F4EAE8
- FAF5F3
シェード
- AD857B
- 937168
- 7A5E56
- 624B44
- 4C3934
- 362724
- 211715
- 0E0907
- 020101
トーン
- C0978D
- B9958B
- B2928A
- AB9089
- A48D87
- 9C8B86
- 958884
- 8E8583
- 878381
カラーハーモニー
補色 +180°
- C79A8E
Muddy Mire
- 7DB0BD
≈ Flotation
類似色 -30° +30°
- C79A8E
Muddy Mire
- C698A1
≈ Rose Meadow
- C09F81
≈ Wickerwork
トライアド +120° +240°
- C79A8E
Muddy Mire
- 8AB197
≈ Holly Fern
- 9CA4CA
≈ Venus Flower
スプリットコンプリメンタリー +150° +210°
- C79A8E
Muddy Mire
- 7DB2AB
≈ Melodious
- 89AAC8
≈ Dresden Doll
テトラード +90° +180° +270°
- C79A8E
Muddy Mire
- 9DAD86
≈ Cucumber Crush
- 7DB0BD
≈ Flotation
- AE9EC3
≈ Evening Slipper
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.48:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.44:1 · APCA Lc 53
最適な文字色: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
コードスニペット
CSS
:root {
--muddy-mire: #c79a8e;
--muddy-mire-rgb: 199 154 142;
--muddy-mire-oklch: oklch(0.725 0.057 35.4);
}
.element {
color: var(--muddy-mire);
background-color: hsl(13 34% 67%);
border-color: oklch(0.725 0.057 35.4);
}Tailwind CSS v4
@theme {
--color-muddy-mire: #c79a8e;
--color-muddy-mire-50: #fff0ea;
--color-muddy-mire-100: #fae2db;
--color-muddy-mire-200: #ebccc3;
--color-muddy-mire-300: #d2aea3;
--color-muddy-mire-400: #bd9388;
--color-muddy-mire-500: #a8796c;
--color-muddy-mire-600: #8e675c;
--color-muddy-mire-700: #725249;
--color-muddy-mire-800: #543b36;
--color-muddy-mire-900: #3b2925;
--color-muddy-mire-950: #251613;
}SCSS
$muddy-mire: #c79a8e;
$muddy-mire-rgb: 199, 154, 142;
$muddy-mire-light: mix(#fff, $muddy-mire, 20%);
$muddy-mire-dark: mix(#000, $muddy-mire, 20%);
.element {
color: $muddy-mire;
box-shadow: 0 0 0 2px rgba($muddy-mire, 0.35);
}