色名 · #DDAAAA
Peach Poppy
Peach Poppyは#DDAAAA：rgb(221 170 170)、hsl(0 43% 77%)、oklch(0.785 0.06 18.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Peach Poppy color name →
#DDAAAA
oklch(0.785 0.06 18.5)
カラー変換
- HEX
- #ddaaaa
- RGB
- rgb(221 170 170)
- HSL
- hsl(0 43% 77%)
- HWB
- hwb(0 67% 13%)
- OKLCH
- oklch(0.785 0.06 18.5)
- OKLab
- oklab(0.785 0.057 0.019)
- CIE Lab
- lab(74.41 19.27 7.61)
- LCH
- lch(74.41 20.72 21.6)
- CMYK
- cmyk(0% 23% 23% 13%)
ティント · シェード · トーン
ティント
- E1B2B2
- E4BBBB
- E8C3C3
- ECCCCB
- EFD4D4
- F2DDDC
- F6E5E5
- F9EEEE
- FCF6F6
シェード
- C09393
- A47D7D
- 886868
- 6E5353
- 553F3F
- 3D2D2D
- 261B1B
- 110B0B
- 020101
トーン
- D4A6A6
- CAA2A1
- C19D9D
- B79999
- AE9595
- A59191
- 9C8D8C
- 928888
- 898484
カラーハーモニー
補色 +180°
- DDAAAA
Peach Poppy
- 8BC5C7
≈ Embellished Blue
類似色 -30° +30°
- DDAAAA
Peach Poppy
- D7AABF
≈ Heart to Heart
- DAAE98
≈ Adobe Village
トライアド +120° +240°
- DDAAAA
Peach Poppy
- A6C39E
≈ Pale Mint
- A2BBE0
≈ Pylon
スプリットコンプリメンタリー +150° +210°
- DDAAAA
Peach Poppy
- 93C6B2
≈ Float Your Boat
- 91C1D8
≈ Boutonniere
テトラード +90° +180° +270°
- DDAAAA
Peach Poppy
- BCBC90
≈ Back to Nature
- 8BC5C7
≈ Embellished Blue
- B7B3DE
≈ Beloved
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.01:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.40:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--peach-poppy: #ddaaaa;
--peach-poppy-rgb: 221 170 170;
--peach-poppy-oklch: oklch(0.785 0.06 18.5);
}
.element {
color: var(--peach-poppy);
background-color: hsl(0 43% 77%);
border-color: oklch(0.785 0.06 18.5);
}Tailwind CSS v4
@theme {
--color-peach-poppy: #ddaaaa;
--color-peach-poppy-50: #ffefee;
--color-peach-poppy-100: #fce0df;
--color-peach-poppy-200: #edcbc9;
--color-peach-poppy-300: #d5acaa;
--color-peach-poppy-400: #c09191;
--color-peach-poppy-500: #ab7677;
--color-peach-poppy-600: #906465;
--color-peach-poppy-700: #745050;
--color-peach-poppy-800: #553a3b;
--color-peach-poppy-900: #3c2828;
--color-peach-poppy-950: #251616;
}SCSS
$peach-poppy: #ddaaaa;
$peach-poppy-rgb: 221, 170, 170;
$peach-poppy-light: mix(#fff, $peach-poppy, 20%);
$peach-poppy-dark: mix(#000, $peach-poppy, 20%);
.element {
color: $peach-poppy;
box-shadow: 0 0 0 2px rgba($peach-poppy, 0.35);
}