最も近い色名 · #FFACA3
#FFACA3
最も近い色名: Peach Bud
#FFACA3（rgb(255 172 163)、hsl(6 100% 82%)、oklch(0.823 0.099 26.3)）に最も近い色名はPeach Budです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FFACA3
oklch(0.823 0.099 26.3)
カラー変換
- HEX
- #ffaca3
- RGB
- rgb(255 172 163)
- HSL
- hsl(6 100% 82%)
- HWB
- hwb(6 64% 0%)
- OKLCH
- oklch(0.823 0.099 26.3)
- OKLab
- oklab(0.823 0.089 0.044)
- CIE Lab
- lab(78.49 30.53 17.74)
- LCH
- lch(78.49 35.31 30.2)
- CMYK
- cmyk(0% 33% 36% 0%)
ティント · シェード · トーン
ティント
- FFB4AC
- FFBDB5
- FFC5BE
- FFCEC7
- FFD6D1
- FFDEDA
- FFE6E3
- FFEFEC
- FFF7F6
シェード
- DE958D
- BE7F78
- 9E6963
- 80544F
- 63403C
- 482D2A
- 2E1B19
- 160B0A
- 030101
トーン
- F2A8A0
- E5A49C
- D99F99
- CC9B95
- BF9792
- B3928E
- A68E8B
- 998987
- 8D8584
カラーハーモニー
補色 +180°
- FFACA3
Peach Bud
- 6ED7E5
≈ Turquoise Sea
類似色 -30° +30°
- FFACA3
Peach Bud
- F9AAC7
≈ Rose Mallow
- F7B485
≈ Autumn Mist
トライアド +120° +240°
- FFACA3
Peach Bud
- 9BD79F
≈ Green Ash
- AAC4FF
≈ Pastel Blue
スプリットコンプリメンタリー +150° +210°
- FFACA3
Peach Bud
- 78DAC3
≈ Star Grass
- 83CFFD
≈ Drift on the Sea
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.79:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.68:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.68:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--peach-bud: #ffaca3;
--peach-bud-rgb: 255 172 163;
--peach-bud-oklch: oklch(0.823 0.099 26.3);
}
.element {
color: var(--peach-bud);
background-color: hsl(6 100% 82%);
border-color: oklch(0.823 0.099 26.3);
}Tailwind CSS v4
@theme {
--color-peach-bud: #ffaca3;
--color-peach-bud-50: #ffebe5;
--color-peach-bud-100: #ffdcd6;
--color-peach-bud-200: #fcc5bd;
--color-peach-bud-300: #e6a49b;
--color-peach-bud-400: #d3877f;
--color-peach-bud-500: #bf6b63;
--color-peach-bud-600: #a15b54;
--color-peach-bud-700: #824843;
--color-peach-bud-800: #603431;
--color-peach-bud-900: #442321;
--color-peach-bud-950: #2b1211;
}SCSS
$peach-bud: #ffaca3;
$peach-bud-rgb: 255, 172, 163;
$peach-bud-light: mix(#fff, $peach-bud, 20%);
$peach-bud-dark: mix(#000, $peach-bud, 20%);
.element {
color: $peach-bud;
box-shadow: 0 0 0 2px rgba($peach-bud, 0.35);
}