色名 · #755D5B
Dove Feather
Dove Featherは#755D5B：rgb(117 93 91)、hsl(5 12% 41%)、oklch(0.502 0.032 23.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Dove Feather color name →
#755D5B
oklch(0.502 0.032 23.8)
カラー変換
- HEX
- #755d5b
- RGB
- rgb(117 93 91)
- HSL
- hsl(5 12% 41%)
- HWB
- hwb(5 36% 54%)
- OKLCH
- oklch(0.502 0.032 23.8)
- OKLab
- oklab(0.502 0.029 0.013)
- CIE Lab
- lab(41.91 9.84 5.06)
- LCH
- lch(41.91 11.06 27.2)
- CMYK
- cmyk(0% 21% 22% 54%)
ティント · シェード · トーン
ティント
- 826C6A
- 8F7B79
- 9D8B89
- AA9A99
- B8ABA9
- C6BBBA
- D4CCCB
- E2DCDC
- F1EEED
シェード
- 65504E
- 554341
- 463735
- 372A29
- 291F1E
- 1C1413
- 0F0A09
- 050303
- 010000
トーン
- 76605F
- 776462
- 796766
- 7A6B6A
- 7B6E6D
- 7C7271
- 7D7575
- 7E7978
- 7F7C7C
カラーハーモニー
補色 +180°
- 755D5B
Dove Feather
- 4F696C
≈ Iron Creek
類似色 -30° +30°
- 755D5B
Dove Feather
- 735D65
≈ Impromptu
- 735F53
≈ Raccoon Tail
トライアド +120° +240°
- 755D5B
Dove Feather
- 596958
≈ Less Traveled
- 5B6476
≈ Pencil Lead
スプリットコンプリメンタリー +150° +210°
- 755D5B
Dove Feather
- 516A62
≈ Green Beret
- 526773
≈ Silent Night
テトラード +90° +180° +270°
- 755D5B
Dove Feather
- 636651
≈ Winning Ticket
- 4F696C
≈ Iron Creek
- 646175
≈ Comet
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.04:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.47:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--dove-feather: #755d5b;
--dove-feather-rgb: 117 93 91;
--dove-feather-oklch: oklch(0.502 0.032 23.8);
}
.element {
color: var(--dove-feather);
background-color: hsl(5 12% 41%);
border-color: oklch(0.502 0.032 23.8);
}Tailwind CSS v4
@theme {
--color-dove-feather: #755d5b;
--color-dove-feather-50: #fef2f0;
--color-dove-feather-100: #f2e4e2;
--color-dove-feather-200: #e2cfcd;
--color-dove-feather-300: #c7b2af;
--color-dove-feather-400: #b19895;
--color-dove-feather-500: #9a7e7c;
--color-dove-feather-600: #826b69;
--color-dove-feather-700: #695654;
--color-dove-feather-800: #4d3e3d;
--color-dove-feather-900: #352b2a;
--color-dove-feather-950: #211818;
}SCSS
$dove-feather: #755d5b;
$dove-feather-rgb: 117, 93, 91;
$dove-feather-light: mix(#fff, $dove-feather, 20%);
$dove-feather-dark: mix(#000, $dove-feather, 20%);
.element {
color: $dove-feather;
box-shadow: 0 0 0 2px rgba($dove-feather, 0.35);
}