最も近い色名 · #FFBFBD
#FFBFBD
最も近い色名: Peach Scone
#FFBFBD（rgb(255 191 189)、hsl(2 100% 87%)、oklch(0.862 0.074 20.8)）に最も近い色名はPeach Sconeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FFBFBD
oklch(0.862 0.074 20.8)
カラー変換
- HEX
- #ffbfbd
- RGB
- rgb(255 191 189)
- HSL
- hsl(2 100% 87%)
- HWB
- hwb(2 74% 0%)
- OKLCH
- oklch(0.862 0.074 20.8)
- OKLab
- oklab(0.862 0.069 0.026)
- CIE Lab
- lab(83.28 23.48 10.48)
- LCH
- lch(83.28 25.72 24.1)
- CMYK
- cmyk(0% 25% 26% 0%)
ティント · シェード · トーン
ティント
- FFC5C3
- FFCCCA
- FFD2D1
- FFD9D7
- FFDFDE
- FFE5E4
- FFECEB
- FFF2F2
- FFF9F8
シェード
- DEA6A4
- BE8D8C
- 9E7574
- 805E5D
- 634847
- 483333
- 2E1F1F
- 160D0D
- 030202
トーン
- F2B9B7
- E5B2B1
- D8ACAA
- CBA6A4
- BE9F9E
- B29998
- A59392
- 998C8C
- 8C8686
カラーハーモニー
補色 +180°
- FFBFBD
Peach Scone
- 96E1E5
≈ Aqua Fiesta
類似色 -30° +30°
- FFBFBD
Peach Scone
- F9BED8
≈ Flamingo Feather
- FAC4A6
≈ Peach Damask
トライアド +120° +240°
- FFBFBD
Peach Scone
- B8DEB1
≈ A Mann’s Mint
- B9D3FF
≈ Ice Cold Stare
スプリットコンプリメンタリー +150° +210°
- FFBFBD
Peach Scone
- A0E2CB
≈ Aqua Wish
- A0DBFA
≈ Columbia Blue
テトラード +90° +180° +270°
- FFBFBD
Peach Scone
- D3D79E
≈ Crocodile Tears
- 96E1E5
≈ Aqua Fiesta
- D1CAFF
≈ Lavender Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.43:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.43:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--peach-scone: #ffbfbd;
--peach-scone-rgb: 255 191 189;
--peach-scone-oklch: oklch(0.862 0.074 20.8);
}
.element {
color: var(--peach-scone);
background-color: hsl(2 100% 87%);
border-color: oklch(0.862 0.074 20.8);
}Tailwind CSS v4
@theme {
--color-peach-scone: #ffbfbd;
--color-peach-scone-50: #ffedeb;
--color-peach-scone-100: #ffdfdc;
--color-peach-scone-200: #f3c9c6;
--color-peach-scone-300: #dba9a6;
--color-peach-scone-400: #c78d8c;
--color-peach-scone-500: #b27271;
--color-peach-scone-600: #976160;
--color-peach-scone-700: #794d4c;
--color-peach-scone-800: #593838;
--color-peach-scone-900: #3f2626;
--color-peach-scone-950: #281415;
}SCSS
$peach-scone: #ffbfbd;
$peach-scone-rgb: 255, 191, 189;
$peach-scone-light: mix(#fff, $peach-scone, 20%);
$peach-scone-dark: mix(#000, $peach-scone, 20%);
.element {
color: $peach-scone;
box-shadow: 0 0 0 2px rgba($peach-scone, 0.35);
}