色名 · #BA9F99
Adobe Rose
Adobe Roseは#BA9F99：rgb(186 159 153)、hsl(11 19% 66%)、oklch(0.725 0.033 32.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Adobe Rose color name →
#BA9F99
oklch(0.725 0.033 32.6)
カラー変換
- HEX
- #ba9f99
- RGB
- rgb(186 159 153)
- HSL
- hsl(11 19% 66%)
- HWB
- hwb(11 60% 27%)
- OKLCH
- oklch(0.725 0.033 32.6)
- OKLab
- oklab(0.725 0.028 0.018)
- CIE Lab
- lab(67.81 9.54 7.02)
- LCH
- lch(67.81 11.85 36.3)
- CMYK
- cmyk(0% 15% 18% 27%)
ティント · シェード · トーン
ティント
- C1A8A3
- C8B2AD
- CFBBB7
- D5C5C1
- DCCECB
- E3D8D5
- EAE1DF
- F1EBEA
- F8F5F4
シェード
- A18A84
- 897570
- 72615D
- 5C4D4A
- 463B38
- 322927
- 1E1817
- 0D0908
- 020101
トーン
- B49C96
- AE9994
- A89691
- A3938F
- 9D8F8C
- 978C8A
- 918987
- 8B8685
- 868382
カラーハーモニー
補色 +180°
- BA9F99
Adobe Rose
- 8FACB2
≈ Bon Voyage
類似色 -30° +30°
- BA9F99
Adobe Rose
- B99EA4
≈ Pinterested
- B6A291
≈ Rugged Tan
トライアド +120° +240°
- BA9F99
Adobe Rose
- 97AC9C
≈ Scotland Road
- 9FA5BC
≈ Icelandic Blue
スプリットコンプリメンタリー +150° +210°
- BA9F99
Adobe Rose
- 90ADA8
≈ Oceanus
- 95A9BA
≈ Cool Customer
テトラード +90° +180° +270°
- BA9F99
Adobe Rose
- A2AA93
≈ Bushel
- 8FACB2
≈ Bon Voyage
- AAA1B8
≈ Awaken
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.46:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.50:1 · APCA Lc 53
最適な文字色: #000000
WCAG 8.50:1 (AAA) · APCA Lc 53
Contrast pairs
コードスニペット
CSS
:root {
--adobe-rose: #ba9f99;
--adobe-rose-rgb: 186 159 153;
--adobe-rose-oklch: oklch(0.725 0.033 32.6);
}
.element {
color: var(--adobe-rose);
background-color: hsl(11 19% 66%);
border-color: oklch(0.725 0.033 32.6);
}Tailwind CSS v4
@theme {
--color-adobe-rose: #ba9f99;
--color-adobe-rose-50: #fef2ef;
--color-adobe-rose-100: #f3e4e1;
--color-adobe-rose-200: #e2d0cb;
--color-adobe-rose-300: #c8b2ac;
--color-adobe-rose-400: #b19892;
--color-adobe-rose-500: #9b7f78;
--color-adobe-rose-600: #836b66;
--color-adobe-rose-700: #695651;
--color-adobe-rose-800: #4d3e3b;
--color-adobe-rose-900: #362b29;
--color-adobe-rose-950: #211817;
}SCSS
$adobe-rose: #ba9f99;
$adobe-rose-rgb: 186, 159, 153;
$adobe-rose-light: mix(#fff, $adobe-rose, 20%);
$adobe-rose-dark: mix(#000, $adobe-rose, 20%);
.element {
color: $adobe-rose;
box-shadow: 0 0 0 2px rgba($adobe-rose, 0.35);
}