色名 · #B36663
Lasting Impression
Lasting Impressionは#B36663：rgb(179 102 99)、hsl(2 34% 55%)、oklch(0.596 0.1 22.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Lasting Impression color name →
#B36663
oklch(0.596 0.1 22.9)
カラー変換
- HEX
- #b36663
- RGB
- rgb(179 102 99)
- HSL
- hsl(2 34% 55%)
- HWB
- hwb(2 39% 30%)
- OKLCH
- oklch(0.596 0.1 22.9)
- OKLab
- oklab(0.596 0.092 0.039)
- CIE Lab
- lab(52.19 31.41 15.93)
- LCH
- lch(52.19 35.22 26.9)
- CMYK
- cmyk(0% 43% 45% 30%)
ティント · シェード · トーン
ティント
- BC7572
- C48480
- CC938F
- D4A29F
- DCB1AE
- E3C1BE
- EAD0CE
- F2E0DE
- F8EFEE
シェード
- 9B5855
- 844A47
- 6E3C3A
- 582F2E
- 432321
- 2F1716
- 1D0C0B
- 0C0403
- 010000
トーン
- AF6966
- AA6C69
- A56F6C
- A0726F
- 9B7472
- 967775
- 917978
- 8C7C7A
- 867E7D
カラーハーモニー
補色 +180°
- B36663
Lasting Impression
- 0C9099
≈ Splashy
類似色 -30° +30°
- B36663
Lasting Impression
- AD6584
≈ Cure All
- AD6D44
≈ Pale Cordovan
トライアド +120° +240°
- B36663
Lasting Impression
- 5A8E57
≈ Belfast
- 5F7EBB
≈ Watertown
スプリットコンプリメンタリー +150° +210°
- B36663
Lasting Impression
- 2D9279
≈ Illuminating Emerald
- 3689B1
≈ Underwater Moonlight
テトラード +90° +180° +270°
- B36663
Lasting Impression
- 808539
≈ Majorca Green
- 0C9099
≈ Splashy
- 8173B5
≈ Dahlia Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.20:1 · APCA Lc 69
Ag
AA黒の上
WCAG 4.99:1 · APCA Lc 33
最適な文字色: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
CSS
:root {
--lasting-impression: #b36663;
--lasting-impression-rgb: 179 102 99;
--lasting-impression-oklch: oklch(0.596 0.1 22.9);
}
.element {
color: var(--lasting-impression);
background-color: hsl(2 34% 55%);
border-color: oklch(0.596 0.1 22.9);
}Tailwind CSS v4
@theme {
--color-lasting-impression: #b36663;
--color-lasting-impression-50: #ffebe7;
--color-lasting-impression-100: #ffdcd7;
--color-lasting-impression-200: #fcc4bf;
--color-lasting-impression-300: #e6a49e;
--color-lasting-impression-400: #d38783;
--color-lasting-impression-500: #bf6a67;
--color-lasting-impression-600: #a25a57;
--color-lasting-impression-700: #824846;
--color-lasting-impression-800: #603433;
--color-lasting-impression-900: #442323;
--color-lasting-impression-950: #2b1212;
}SCSS
$lasting-impression: #b36663;
$lasting-impression-rgb: 179, 102, 99;
$lasting-impression-light: mix(#fff, $lasting-impression, 20%);
$lasting-impression-dark: mix(#000, $lasting-impression, 20%);
.element {
color: $lasting-impression;
box-shadow: 0 0 0 2px rgba($lasting-impression, 0.35);
}