最も近い色名 · #AE7B76
#AE7B76
最も近い色名: Dusty Duchess
#AE7B76（rgb(174 123 118)、hsl(5 26% 57%)、oklch(0.633 0.065 25.3)）に最も近い色名はDusty Duchessです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AE7B76
oklch(0.633 0.065 25.3)
カラー変換
- HEX
- #ae7b76
- RGB
- rgb(174 123 118)
- HSL
- hsl(5 26% 57%)
- HWB
- hwb(5 46% 32%)
- OKLCH
- oklch(0.633 0.065 25.3)
- OKLab
- oklab(0.633 0.058 0.028)
- CIE Lab
- lab(56.8 19.97 11.09)
- LCH
- lch(56.8 22.84 29.1)
- CMYK
- cmyk(0% 29% 32% 32%)
ティント · シェード · トーン
ティント
- B68883
- BF9490
- C7A19D
- CFAEAB
- D7BBB8
- DFC9C6
- E7D6D4
- EFE4E2
- F7F1F1
シェード
- 976A66
- 805A56
- 6A4A47
- 553A38
- 412C29
- 2E1E1C
- 1C100F
- 0B0505
- 010101
トーン
- AA7C77
- A57C78
- A17D79
- 9C7D7A
- 987E7B
- 937E7C
- 8F7F7D
- 8A7F7E
- 85807F
カラーハーモニー
補色 +180°
- AE7B76
Dusty Duchess
- 58969D
≈ Star City
類似色 -30° +30°
- AE7B76
Dusty Duchess
- AA7A8C
≈ Silken Raspberry
- A98064
≈ Medium Wood
トライアド +120° +240°
- AE7B76
Dusty Duchess
- 719572
≈ Tabbouleh
- 778AB2
≈ Ship Cove
スプリットコンプリメンタリー +150° +210°
- AE7B76
Dusty Duchess
- 5E9788
≈ Fiddler
- 6391AC
≈ Treasure Map Waters
テトラード +90° +180° +270°
- AE7B76
Dusty Duchess
- 888F62
≈ Green Coconut
- 58969D
≈ Star City
- 8D82AD
≈ Aster Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.56:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.89:1 · APCA Lc 39
最適な文字色: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
CSS
:root {
--dusty-duchess: #ae7b76;
--dusty-duchess-rgb: 174 123 118;
--dusty-duchess-oklch: oklch(0.633 0.065 25.3);
}
.element {
color: var(--dusty-duchess);
background-color: hsl(5 26% 57%);
border-color: oklch(0.633 0.065 25.3);
}Tailwind CSS v4
@theme {
--color-dusty-duchess: #ae7b76;
--color-dusty-duchess-50: #ffefeb;
--color-dusty-duchess-100: #fde0dc;
--color-dusty-duchess-200: #efcac5;
--color-dusty-duchess-300: #d7aba6;
--color-dusty-duchess-400: #c2908b;
--color-dusty-duchess-500: #ad7670;
--color-dusty-duchess-600: #92645f;
--color-dusty-duchess-700: #75504c;
--color-dusty-duchess-800: #573a38;
--color-dusty-duchess-900: #3d2726;
--color-dusty-duchess-950: #261514;
}SCSS
$dusty-duchess: #ae7b76;
$dusty-duchess-rgb: 174, 123, 118;
$dusty-duchess-light: mix(#fff, $dusty-duchess, 20%);
$dusty-duchess-dark: mix(#000, $dusty-duchess, 20%);
.element {
color: $dusty-duchess;
box-shadow: 0 0 0 2px rgba($dusty-duchess, 0.35);
}