色名 · #FFDC8D
Peach Tickle
Peach Tickleは#FFDC8D：rgb(255 220 141)、hsl(42 100% 78%)、oklch(0.907 0.105 86.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Peach Tickle color name →
#FFDC8D
oklch(0.907 0.105 86.5)
カラー変換
- HEX
- #ffdc8d
- RGB
- rgb(255 220 141)
- HSL
- hsl(42 100% 78%)
- HWB
- hwb(42 55% 0%)
- OKLCH
- oklch(0.907 0.105 86.5)
- OKLab
- oklab(0.907 0.007 0.105)
- CIE Lab
- lab(89.47 5.16 43.42)
- LCH
- lch(89.47 43.72 83.2)
- CMYK
- cmyk(0% 14% 45% 0%)
ティント · シェード · トーン
ティント
- FFE099
- FFE3A6
- FFE7B1
- FFEBBD
- FFEEC8
- FFF2D3
- FFF5DE
- FFF8E9
- FFFCF4
シェード
- DEBF7A
- BEA367
- 9E8855
- 806E44
- 635433
- 483C23
- 2E2614
- 161107
- 030201
トーン
- F2D38D
- E4C98C
- D7C08B
- CAB78B
- BEAD89
- B1A488
- A59B86
- 989284
- 8C8982
カラーハーモニー
補色 +180°
- FFDC8D
Peach Tickle
- D3E0FF
≈ Arc Light
類似色 -30° +30°
- FFDC8D
Peach Tickle
- FFD7BC
≈ Durazno Palido
- DCEA98
≈ Luminary Green
トライアド +120° +240°
- FFDC8D
Peach Tickle
- 92F2FF
≈ Shallow Water
- FFCDFF
≈ Sugar Chic
スプリットコンプリメンタリー +150° +210°
- FFDC8D
Peach Tickle
- C0E6FF
≈ Icy Landscape
- E3DAFF
≈ Transparent Blue
テトラード +90° +180° +270°
- FFDC8D
Peach Tickle
- 8EF8DE
≈ Turquoise Pearl
- D3E0FF
≈ Arc Light
- FFD2E1
≈ Light Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.32:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.87:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.87:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--peach-tickle: #ffdc8d;
--peach-tickle-rgb: 255 220 141;
--peach-tickle-oklch: oklch(0.907 0.105 86.5);
}
.element {
color: var(--peach-tickle);
background-color: hsl(42 100% 78%);
border-color: oklch(0.907 0.105 86.5);
}Tailwind CSS v4
@theme {
--color-peach-tickle: #ffdc8d;
--color-peach-tickle-50: #fff4d4;
--color-peach-tickle-100: #f6e7c1;
--color-peach-tickle-200: #e7d3a1;
--color-peach-tickle-300: #cdb578;
--color-peach-tickle-400: #ba9a51;
--color-peach-tickle-500: #a58021;
--color-peach-tickle-600: #8b6d1f;
--color-peach-tickle-700: #6f5719;
--color-peach-tickle-800: #533f0f;
--color-peach-tickle-900: #3a2b0a;
--color-peach-tickle-950: #241800;
}SCSS
$peach-tickle: #ffdc8d;
$peach-tickle-rgb: 255, 220, 141;
$peach-tickle-light: mix(#fff, $peach-tickle, 20%);
$peach-tickle-dark: mix(#000, $peach-tickle, 20%);
.element {
color: $peach-tickle;
box-shadow: 0 0 0 2px rgba($peach-tickle, 0.35);
}