色名 · #F9CDC4
Peach Red
Peach Redは#F9CDC4：rgb(249 205 196)、hsl(10 82% 87%)、oklch(0.884 0.052 31.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Peach Red color name →
#F9CDC4
oklch(0.884 0.052 31.6)
カラー変換
- HEX
- #f9cdc4
- RGB
- rgb(249 205 196)
- HSL
- hsl(10 82% 87%)
- HWB
- hwb(10 77% 2%)
- OKLCH
- oklch(0.884 0.052 31.6)
- OKLab
- oklab(0.884 0.044 0.027)
- CIE Lab
- lab(86.1 15.02 10.64)
- LCH
- lch(86.1 18.41 35.3)
- CMYK
- cmyk(0% 18% 21% 2%)
ティント · シェード · トーン
ティント
- FAD2CA
- FBD7D0
- FBDCD6
- FCE1DB
- FDE6E1
- FDEBE7
- FEF0ED
- FEF5F3
- FFFAF9
シェード
- D9B2AA
- B99891
- 9A7E78
- 7D6661
- 614E4A
- 463835
- 2C2321
- 150F0E
- 030202
トーン
- ECC5BD
- E0BDB6
- D4B5AF
- C7AEA8
- BBA6A1
- AF9E9B
- A39794
- 978F8D
- 8C8787
カラーハーモニー
補色 +180°
- F9CDC4
Peach Red
- B2E3EC
≈ Crystal River
類似色 -30° +30°
- F9CDC4
Peach Red
- F7CBD6
≈ Palace Rose
- F3D2B7
≈ Sparkle Glow
トライアド +120° +240°
- F9CDC4
Peach Red
- C1E3C8
≈ Sugar Mint
- CCD8FC
≈ Icy Plains
スプリットコンプリメンタリー +150° +210°
- F9CDC4
Peach Red
- B4E4DB
≈ Fair Aqua
- BCDEF8
≈ Arctic Paradise
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.44:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.55:1 · APCA Lc 82
最適な文字色: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--peach-red: #f9cdc4;
--peach-red-rgb: 249 205 196;
--peach-red-oklch: oklch(0.884 0.052 31.6);
}
.element {
color: var(--peach-red);
background-color: hsl(10 82% 87%);
border-color: oklch(0.884 0.052 31.6);
}Tailwind CSS v4
@theme {
--color-peach-red: #f9cdc4;
--color-peach-red-50: #fff0ec;
--color-peach-red-100: #f9e2dd;
--color-peach-red-200: #e9cdc6;
--color-peach-red-300: #d0aea6;
--color-peach-red-400: #bb948c;
--color-peach-red-500: #a67a71;
--color-peach-red-600: #8c6760;
--color-peach-red-700: #70524d;
--color-peach-red-800: #533c38;
--color-peach-red-900: #3a2926;
--color-peach-red-950: #241715;
}SCSS
$peach-red: #f9cdc4;
$peach-red-rgb: 249, 205, 196;
$peach-red-light: mix(#fff, $peach-red, 20%);
$peach-red-dark: mix(#000, $peach-red, 20%);
.element {
color: $peach-red;
box-shadow: 0 0 0 2px rgba($peach-red, 0.35);
}