色名 · #DB8981
Lobster Bisque
Lobster Bisqueは#DB8981：rgb(219 137 129)、hsl(5 56% 68%)、oklch(0.713 0.102 25.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Lobster Bisque color name →
#DB8981
oklch(0.713 0.102 25.9)
カラー変換
- HEX
- #db8981
- RGB
- rgb(219 137 129)
- HSL
- hsl(5 56% 68%)
- HWB
- hwb(5 51% 14%)
- OKLCH
- oklch(0.713 0.102 25.9)
- OKLab
- oklab(0.713 0.092 0.045)
- CIE Lab
- lab(65.77 31.51 18.2)
- LCH
- lch(65.77 36.38 30)
- CMYK
- cmyk(0% 37% 41% 14%)
ティント · シェード · トーン
ティント
- E0958D
- E4A199
- E8ACA6
- ECB8B2
- F0C4BF
- F3D0CB
- F7DBD8
- FAE7E5
- FCF3F2
シェード
- BE766F
- A2645E
- 87534E
- 6D423E
- 54312E
- 3C221F
- 261412
- 110706
- 020101
トーン
- D28981
- C98881
- C08781
- B78681
- AE8681
- A58581
- 9C8481
- 938280
- 8A8180
カラーハーモニー
補色 +180°
- DB8981
Lobster Bisque
- 43B5C2
≈ Glassmith
類似色 -30° +30°
- DB8981
Lobster Bisque
- D587A5
≈ Primrose
- D39162
≈ Whiskey
トライアド +120° +240°
- DB8981
Lobster Bisque
- 78B47C
≈ Joshua Tree
- 84A1E3
≈ Blue Cue
スプリットコンプリメンタリー +150° +210°
- DB8981
Lobster Bisque
- 51B7A0
≈ Keppel
- 5EACDA
≈ Salem Blue
テトラード +90° +180° +270°
- DB8981
Lobster Bisque
- 9FAB5E
≈ Stay in Lime
- 43B5C2
≈ Glassmith
- A895DB
≈ Dull Lavender
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.65:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 7.90:1 · APCA Lc 50
最適な文字色: #000000
WCAG 7.90:1 (AAA) · APCA Lc 50
Contrast pairs
コードスニペット
CSS
:root {
--lobster-bisque: #db8981;
--lobster-bisque-rgb: 219 137 129;
--lobster-bisque-oklch: oklch(0.713 0.102 25.9);
}
.element {
color: var(--lobster-bisque);
background-color: hsl(5 56% 68%);
border-color: oklch(0.713 0.102 25.9);
}Tailwind CSS v4
@theme {
--color-lobster-bisque: #db8981;
--color-lobster-bisque-50: #ffebe5;
--color-lobster-bisque-100: #ffdcd5;
--color-lobster-bisque-200: #fdc4bc;
--color-lobster-bisque-300: #e7a49a;
--color-lobster-bisque-400: #d4867f;
--color-lobster-bisque-500: #c06a62;
--color-lobster-bisque-600: #a35a53;
--color-lobster-bisque-700: #834842;
--color-lobster-bisque-800: #613331;
--color-lobster-bisque-900: #442321;
--color-lobster-bisque-950: #2c1211;
}SCSS
$lobster-bisque: #db8981;
$lobster-bisque-rgb: 219, 137, 129;
$lobster-bisque-light: mix(#fff, $lobster-bisque, 20%);
$lobster-bisque-dark: mix(#000, $lobster-bisque, 20%);
.element {
color: $lobster-bisque;
box-shadow: 0 0 0 2px rgba($lobster-bisque, 0.35);
}