最も近い色名 · #F5C4A8
#F5C4A8
最も近い色名: Bellini
#F5C4A8（rgb(245 196 168)、hsl(22 79% 81%)、oklch(0.857 0.068 51.2)）に最も近い色名はBelliniです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F5C4A8
oklch(0.857 0.068 51.2)
カラー変換
- HEX
- #f5c4a8
- RGB
- rgb(245 196 168)
- HSL
- hsl(22 79% 81%)
- HWB
- hwb(22 66% 4%)
- OKLCH
- oklch(0.857 0.068 51.2)
- OKLab
- oklab(0.857 0.042 0.053)
- CIE Lab
- lab(83.05 15.19 21.09)
- LCH
- lch(83.05 26 54.2)
- CMYK
- cmyk(0% 20% 31% 4%)
ティント · シェード · トーン
ティント
- F6CAB1
- F8D0B9
- F9D6C2
- FADCCB
- FBE2D3
- FCE7DC
- FDEDE5
- FEF3ED
- FEF9F6
シェード
- D5AA92
- B6917C
- 987867
- 7B6152
- 5F4A3F
- 44352C
- 2B211A
- 150E0A
- 030201
トーン
- E9BDA4
- DDB6A0
- D1AF9C
- C5A898
- B9A294
- AE9B90
- A2948C
- 978D88
- 8B8784
カラーハーモニー
補色 +180°
- F5C4A8
Bellini
- A3D9F5
≈ Sora Blue
類似色 -30° +30°
- F5C4A8
Bellini
- F9BFBD
≈ Carnation Bloom
- E7CC9E
≈ Harvest
トライアド +120° +240°
- F5C4A8
Bellini
- A3DFCA
≈ Meristem
- CFC9FA
≈ Lavender Blue
スプリットコンプリメンタリー +150° +210°
- F5C4A8
Bellini
- 9ADEE2
≈ Pale Pastel
- B7D1FD
≈ Ice Cold Stare
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.57:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.34:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--bellini: #f5c4a8;
--bellini-rgb: 245 196 168;
--bellini-oklch: oklch(0.857 0.068 51.2);
}
.element {
color: var(--bellini);
background-color: hsl(22 79% 81%);
border-color: oklch(0.857 0.068 51.2);
}Tailwind CSS v4
@theme {
--color-bellini: #f5c4a8;
--color-bellini-50: #fff0e4;
--color-bellini-100: #fbe2d3;
--color-bellini-200: #edcdba;
--color-bellini-300: #d4af98;
--color-bellini-400: #c0937a;
--color-bellini-500: #ab795c;
--color-bellini-600: #90674f;
--color-bellini-700: #74523f;
--color-bellini-800: #563b2d;
--color-bellini-900: #3c291f;
--color-bellini-950: #26170e;
}SCSS
$bellini: #f5c4a8;
$bellini-rgb: 245, 196, 168;
$bellini-light: mix(#fff, $bellini, 20%);
$bellini-dark: mix(#000, $bellini, 20%);
.element {
color: $bellini;
box-shadow: 0 0 0 2px rgba($bellini, 0.35);
}