色名 · #F8DBC2
Alluring Gesture
Alluring Gestureは#F8DBC2：rgb(248 219 194)、hsl(28 79% 87%)、oklch(0.909 0.046 63)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Alluring Gesture color name →
#F8DBC2
oklch(0.909 0.046 63)
カラー変換
- HEX
- #f8dbc2
- RGB
- rgb(248 219 194)
- HSL
- hsl(28 79% 87%)
- HWB
- hwb(28 76% 3%)
- OKLCH
- oklch(0.909 0.046 63)
- OKLab
- oklab(0.909 0.021 0.041)
- CIE Lab
- lab(89.36 7.57 16.22)
- LCH
- lch(89.36 17.89 65)
- CMYK
- cmyk(0% 12% 22% 3%)
ティント · シェード · トーン
ティント
- F9DFC8
- FAE2CE
- FAE6D4
- FBE9DA
- FCEDE0
- FCF1E7
- FDF4ED
- FEF8F3
- FEFBF9
シェード
- D8BEA8
- B8A28F
- 9A8777
- 7C6D60
- 605449
- 453C34
- 2C2620
- 15110E
- 030202
トーン
- EBD2BB
- DFC8B5
- D3BFAE
- C6B6A7
- BAACA1
- AEA39A
- A39A93
- 97928D
- 8B8986
カラーハーモニー
補色 +180°
- F8DBC2
Alluring Gesture
- C7E5FE
≈ Fresh Water
類似色 -30° +30°
- F8DBC2
Alluring Gesture
- FED7CE
≈ Elusive
- EBE1BF
≈ Beurre Blanc
トライアド +120° +240°
- F8DBC2
Alluring Gesture
- C0ECE4
≈ Clear Aqua
- E7DAFB
≈ Lavender Savour
スプリットコンプリメンタリー +150° +210°
- F8DBC2
Alluring Gesture
- BFEAF3
≈ Niagara Mist
- D7E0FF
≈ Contrail
テトラード +90° +180° +270°
- F8DBC2
Alluring Gesture
- CBEAD3
≈ Glacial Water Green
- C7E5FE
≈ Fresh Water
- F5D6EE
≈ Jacaranda
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.32:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.90:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.90:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--alluring-gesture: #f8dbc2;
--alluring-gesture-rgb: 248 219 194;
--alluring-gesture-oklch: oklch(0.909 0.046 63);
}
.element {
color: var(--alluring-gesture);
background-color: hsl(28 79% 87%);
border-color: oklch(0.909 0.046 63);
}Tailwind CSS v4
@theme {
--color-alluring-gesture: #f8dbc2;
--color-alluring-gesture-50: #fff3e8;
--color-alluring-gesture-100: #f3e5d8;
--color-alluring-gesture-200: #e3d1c0;
--color-alluring-gesture-300: #c9b39f;
--color-alluring-gesture-400: #b39983;
--color-alluring-gesture-500: #9d8067;
--color-alluring-gesture-600: #846c57;
--color-alluring-gesture-700: #6a5745;
--color-alluring-gesture-800: #4e3f32;
--color-alluring-gesture-900: #372b22;
--color-alluring-gesture-950: #211911;
}SCSS
$alluring-gesture: #f8dbc2;
$alluring-gesture-rgb: 248, 219, 194;
$alluring-gesture-light: mix(#fff, $alluring-gesture, 20%);
$alluring-gesture-dark: mix(#000, $alluring-gesture, 20%);
.element {
color: $alluring-gesture;
box-shadow: 0 0 0 2px rgba($alluring-gesture, 0.35);
}