色名 · #AD5E65
Redbud
Redbudは#AD5E65：rgb(173 94 101)、hsl(355 33% 52%)、oklch(0.575 0.103 15.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Redbud color name →
#AD5E65
oklch(0.575 0.103 15.2)
カラー変換
- HEX
- #ad5e65
- RGB
- rgb(173 94 101)
- HSL
- hsl(355 33% 52%)
- HWB
- hwb(355 37% 32%)
- OKLCH
- oklch(0.575 0.103 15.2)
- OKLab
- oklab(0.575 0.099 0.027)
- CIE Lab
- lab(49.63 33.34 11.1)
- LCH
- lch(49.63 35.14 18.4)
- CMYK
- cmyk(0% 46% 42% 32%)
ティント · シェード · トーン
ティント
- B66E73
- BF7D82
- C88D91
- D19DA0
- D9ADAF
- E1BDBF
- E9CDCE
- F0DEDE
- F8EEEF
シェード
- 965157
- 7F4449
- 6A373C
- 552B2F
- 411F22
- 2D1417
- 1B0A0C
- 0B0303
- 010000
トーン
- A96268
- A5666A
- A1696D
- 9D6D70
- 997073
- 947475
- 907778
- 8B7A7B
- 857D7D
カラーハーモニー
補色 +180°
- AD5E65
Redbud
- 008B8B
≈ Dark Cyan
類似色 -30° +30°
- AD5E65
Redbud
- A45F87
≈ Thimble Red
- AB6443
≈ Copper-Metal Red
トライアド +120° +240°
- AD5E65
Redbud
- 5E8646
≈ Beatnik
- 4E7BB5
≈ Ashton Blue
スプリットコンプリメンタリー +150° +210°
- AD5E65
Redbud
- 2E8C6A
≈ Leprechaun
- 1A85A7
≈ Azores Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.59:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.56:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.59:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--redbud: #ad5e65;
--redbud-rgb: 173 94 101;
--redbud-oklch: oklch(0.575 0.103 15.2);
}
.element {
color: var(--redbud);
background-color: hsl(355 33% 52%);
border-color: oklch(0.575 0.103 15.2);
}Tailwind CSS v4
@theme {
--color-redbud: #ad5e65;
--color-redbud-50: #ffeaea;
--color-redbud-100: #ffdbdb;
--color-redbud-200: #fdc3c4;
--color-redbud-300: #e7a2a4;
--color-redbud-400: #d4858b;
--color-redbud-500: #c06870;
--color-redbud-600: #a2585f;
--color-redbud-700: #82464c;
--color-redbud-800: #613338;
--color-redbud-900: #442226;
--color-redbud-950: #2c1115;
}SCSS
$redbud: #ad5e65;
$redbud-rgb: 173, 94, 101;
$redbud-light: mix(#fff, $redbud, 20%);
$redbud-dark: mix(#000, $redbud, 20%);
.element {
color: $redbud;
box-shadow: 0 0 0 2px rgba($redbud, 0.35);
}