色名 · #A93435
Desirable
Desirableは#A93435：rgb(169 52 53)、hsl(359 53% 43%)、oklch(0.5 0.153 24.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Desirable color name →
#A93435
oklch(0.5 0.153 24.1)
カラー変換
- HEX
- #a93435
- RGB
- rgb(169 52 53)
- HSL
- hsl(359 53% 43%)
- HWB
- hwb(359 20% 34%)
- OKLCH
- oklch(0.5 0.153 24.1)
- OKLab
- oklab(0.5 0.14 0.063)
- CIE Lab
- lab(40.42 48.44 28)
- LCH
- lch(40.42 55.96 30)
- CMYK
- cmyk(0% 69% 69% 34%)
ティント · シェード · トーン
ティント
- B44B48
- BE605B
- C8746F
- D28882
- DA9B96
- E3AFAB
- EBC3BF
- F2D7D4
- F9EBE9
シェード
- 922C2D
- 7C2425
- 671C1D
- 531515
- 3F0E0E
- 2C0708
- 1B0303
- 0A0101
- 010000
トーン
- A63F3D
- A44845
- A1504D
- 9D5854
- 995F5B
- 956663
- 916D6A
- 8C7471
- 867A79
カラーハーモニー
補色 +180°
- A93435
Desirable
- 007179
≈ Scurf Green
類似色 -30° +30°
- A93435
Desirable
- A13469
≈ Amaranth Deep Purple
- 984B00
≈ Brownie
トライアド +120° +240°
- A93435
Desirable
- 12781E
≈ Green Glutton
- 355DB9
≈ Amnesia Blue
スプリットコンプリメンタリー +150° +210°
- A93435
Desirable
- 00745F
≈ Tropical Rainforest
- 006C95
≈ Cairns
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.50:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.22:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--desirable: #a93435;
--desirable-rgb: 169 52 53;
--desirable-oklch: oklch(0.5 0.153 24.1);
}
.element {
color: var(--desirable);
background-color: hsl(359 53% 43%);
border-color: oklch(0.5 0.153 24.1);
}Tailwind CSS v4
@theme {
--color-desirable: #a93435;
--color-desirable-50: #ffe5de;
--color-desirable-100: #ffd5cd;
--color-desirable-200: #ffbbb2;
--color-desirable-300: #fc988e;
--color-desirable-400: #eb7671;
--color-desirable-500: #d95352;
--color-desirable-600: #b74846;
--color-desirable-700: #933937;
--color-desirable-800: #6e2829;
--color-desirable-900: #4d1b1c;
--color-desirable-950: #330a0c;
}SCSS
$desirable: #a93435;
$desirable-rgb: 169, 52, 53;
$desirable-light: mix(#fff, $desirable, 20%);
$desirable-dark: mix(#000, $desirable, 20%);
.element {
color: $desirable;
box-shadow: 0 0 0 2px rgba($desirable, 0.35);
}