色名 · #BB9988
Cinnamon Roast
Cinnamon Roastは#BB9988：rgb(187 153 136)、hsl(20 27% 63%)、oklch(0.709 0.047 48)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Cinnamon Roast color name →
#BB9988
oklch(0.709 0.047 48)
カラー変換
- HEX
- #bb9988
- RGB
- rgb(187 153 136)
- HSL
- hsl(20 27% 63%)
- HWB
- hwb(20 53% 27%)
- OKLCH
- oklch(0.709 0.047 48)
- OKLab
- oklab(0.709 0.032 0.035)
- CIE Lab
- lab(66.05 11.18 13.98)
- LCH
- lch(66.05 17.9 51.4)
- CMYK
- cmyk(0% 18% 27% 27%)
ティント · シェード · トーン
ティント
- C2A393
- C9AD9F
- D0B7AB
- D6C1B6
- DDCBC2
- E4D5CE
- EBE0DA
- F1EAE6
- F8F4F3
シェード
- A28475
- 8A7063
- 735D52
- 5C4A41
- 463831
- 322722
- 1F1713
- 0D0806
- 020101
トーン
- B59787
- AF9487
- A99286
- A38F85
- 9D8D84
- 988A83
- 928883
- 8C8582
- 868381
カラーハーモニー
補色 +180°
- BB9988
Cinnamon Roast
- 83A8B9
≈ Winter Twilight
類似色 -30° +30°
- BB9988
Cinnamon Roast
- BD9696
≈ Mutabilis
- B29E80
≈ Silestone
トライアド +120° +240°
- BB9988
Cinnamon Roast
- 85AB9C
≈ Corsican
- 9F9DBE
≈ Grape Gatsby
スプリットコンプリメンタリー +150° +210°
- BB9988
Cinnamon Roast
- 7FABAC
≈ Acapulco Aqua
- 8FA3BF
≈ Wild Clary
テトラード +90° +180° +270°
- BB9988
Cinnamon Roast
- 93A98C
≈ Zucchini Cream
- 83A8B9
≈ Winter Twilight
- AE98B5
≈ Purple Springs
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.61:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 8.02:1 · APCA Lc 51
最適な文字色: #000000
WCAG 8.02:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--cinnamon-roast: #bb9988;
--cinnamon-roast-rgb: 187 153 136;
--cinnamon-roast-oklch: oklch(0.709 0.047 48);
}
.element {
color: var(--cinnamon-roast);
background-color: hsl(20 27% 63%);
border-color: oklch(0.709 0.047 48);
}Tailwind CSS v4
@theme {
--color-cinnamon-roast: #bb9988;
--color-cinnamon-roast-50: #fff2e9;
--color-cinnamon-roast-100: #f6e4da;
--color-cinnamon-roast-200: #e6cfc3;
--color-cinnamon-roast-300: #ccb1a2;
--color-cinnamon-roast-400: #b79786;
--color-cinnamon-roast-500: #a17d6b;
--color-cinnamon-roast-600: #886a5b;
--color-cinnamon-roast-700: #6d5548;
--color-cinnamon-roast-800: #513d35;
--color-cinnamon-roast-900: #382a24;
--color-cinnamon-roast-950: #231813;
}SCSS
$cinnamon-roast: #bb9988;
$cinnamon-roast-rgb: 187, 153, 136;
$cinnamon-roast-light: mix(#fff, $cinnamon-roast, 20%);
$cinnamon-roast-dark: mix(#000, $cinnamon-roast, 20%);
.element {
color: $cinnamon-roast;
box-shadow: 0 0 0 2px rgba($cinnamon-roast, 0.35);
}