色名 · #EAD2BC
Puppy Paws
Puppy Pawsは#EAD2BC：rgb(234 210 188)、hsl(29 52% 83%)、oklch(0.878 0.04 64.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Puppy Paws color name →
#EAD2BC
oklch(0.878 0.04 64.8)
カラー変換
- HEX
- #ead2bc
- RGB
- rgb(234 210 188)
- HSL
- hsl(29 52% 83%)
- HWB
- hwb(29 74% 8%)
- OKLCH
- oklch(0.878 0.04 64.8)
- OKLab
- oklab(0.878 0.017 0.036)
- CIE Lab
- lab(85.78 6.09 14.15)
- LCH
- lch(85.78 15.41 66.7)
- CMYK
- cmyk(0% 10% 20% 8%)
ティント · シェード · トーン
ティント
- ECD6C3
- EEDBC9
- F0DFD0
- F3E4D7
- F5E8DD
- F7EDE4
- F9F1EB
- FBF6F1
- FDFAF8
シェード
- CBB6A3
- AE9B8B
- 918173
- 75685D
- 5A5047
- 413932
- 29241F
- 13100D
- 030202
トーン
- DFCAB6
- D4C1B0
- C9B9AA
- BEB0A4
- B4A89E
- A9A098
- 9F9892
- 94908C
- 8A8886
カラーハーモニー
補色 +180°
- EAD2BC
Puppy Paws
- C2DAF0
≈ Light Powder Blue
類似色 -30° +30°
- EAD2BC
Puppy Paws
- F0CEC5
≈ Oleander
- DFD7BA
≈ Wheatfield
トライアド +120° +240°
- EAD2BC
Puppy Paws
- BBE0DA
≈ Mystic Sea
- DDD1ED
≈ Shimmering Sky
スプリットコンプリメンタリー +150° +210°
- EAD2BC
Puppy Paws
- BADEE7
≈ Disappearing Island
- CFD5F2
≈ Flax Bloom
テトラード +90° +180° +270°
- EAD2BC
Puppy Paws
- C3DFCB
≈ Luna Green
- C2DAF0
≈ Light Powder Blue
- E8CDE1
≈ Sweety Pie
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.45:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.44:1 · APCA Lc 82
最適な文字色: #000000
WCAG 14.44:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--puppy-paws: #ead2bc;
--puppy-paws-rgb: 234 210 188;
--puppy-paws-oklch: oklch(0.878 0.04 64.8);
}
.element {
color: var(--puppy-paws);
background-color: hsl(29 52% 83%);
border-color: oklch(0.878 0.04 64.8);
}Tailwind CSS v4
@theme {
--color-puppy-paws: #ead2bc;
--color-puppy-paws-50: #fdf3e9;
--color-puppy-paws-100: #f1e6da;
--color-puppy-paws-200: #e0d1c3;
--color-puppy-paws-300: #c6b4a2;
--color-puppy-paws-400: #b09a86;
--color-puppy-paws-500: #99816b;
--color-puppy-paws-600: #826d5b;
--color-puppy-paws-700: #685748;
--color-puppy-paws-800: #4d4034;
--color-puppy-paws-900: #352c24;
--color-puppy-paws-950: #201912;
}SCSS
$puppy-paws: #ead2bc;
$puppy-paws-rgb: 234, 210, 188;
$puppy-paws-light: mix(#fff, $puppy-paws, 20%);
$puppy-paws-dark: mix(#000, $puppy-paws, 20%);
.element {
color: $puppy-paws;
box-shadow: 0 0 0 2px rgba($puppy-paws, 0.35);
}