色名 · #DF9876
Baked Salmon
Baked Salmonは#DF9876：rgb(223 152 118)、hsl(19 62% 67%)、oklch(0.742 0.098 46.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Baked Salmon color name →
#DF9876
oklch(0.742 0.098 46.4)
カラー変換
- HEX
- #df9876
- RGB
- rgb(223 152 118)
- HSL
- hsl(19 62% 67%)
- HWB
- hwb(19 46% 13%)
- OKLCH
- oklch(0.742 0.098 46.4)
- OKLab
- oklab(0.742 0.067 0.071)
- CIE Lab
- lab(69.49 24.62 29.24)
- LCH
- lch(69.49 38.23 49.9)
- CMYK
- cmyk(0% 32% 47% 13%)
ティント · シェード · トーン
ティント
- E3A284
- E7AD91
- EAB79F
- EEC1AC
- F1CBBA
- F4D6C8
- F7E0D5
- FAEAE3
- FDF5F1
シェード
- C28466
- A57056
- 8A5C47
- 6F4A38
- 563829
- 3D271C
- 27170F
- 120805
- 020101
トーン
- D69678
- CC9479
- C3917A
- B98F7B
- B08D7C
- A68A7D
- 9D887E
- 93857F
- 8A837F
カラーハーモニー
補色 +180°
- DF9876
Baked Salmon
- 61B8DB
≈ Nancy
類似色 -30° +30°
- DF9876
Baked Salmon
- E29296
≈ Fresh Pink
- CFA362
≈ Workbench
トライアド +120° +240°
- DF9876
Baked Salmon
- 6ABF9E
≈ Peppermint Fresh
- A6A2E7
≈ Cold Lips
スプリットコンプリメンタリー +150° +210°
- DF9876
Baked Salmon
- 54BFC0
≈ Gem Turquoise
- 83AEE9
≈ Queer Blue
テトラード +90° +180° +270°
- DF9876
Baked Salmon
- 8FBA7C
≈ Prime Merchandise
- 61B8DB
≈ Nancy
- C498D5
≈ Mauve Mist
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.36:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.89:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--baked-salmon: #df9876;
--baked-salmon-rgb: 223 152 118;
--baked-salmon-oklch: oklch(0.742 0.098 46.4);
}
.element {
color: var(--baked-salmon);
background-color: hsl(19 62% 67%);
border-color: oklch(0.742 0.098 46.4);
}Tailwind CSS v4
@theme {
--color-baked-salmon: #df9876;
--color-baked-salmon-50: #ffeedd;
--color-baked-salmon-100: #ffdfcc;
--color-baked-salmon-200: #f8c9b0;
--color-baked-salmon-300: #e2a98c;
--color-baked-salmon-400: #cf8c6c;
--color-baked-salmon-500: #bb704c;
--color-baked-salmon-600: #9e5f41;
--color-baked-salmon-700: #7f4c33;
--color-baked-salmon-800: #5e3725;
--color-baked-salmon-900: #422519;
--color-baked-salmon-950: #2a1409;
}SCSS
$baked-salmon: #df9876;
$baked-salmon-rgb: 223, 152, 118;
$baked-salmon-light: mix(#fff, $baked-salmon, 20%);
$baked-salmon-dark: mix(#000, $baked-salmon, 20%);
.element {
color: $baked-salmon;
box-shadow: 0 0 0 2px rgba($baked-salmon, 0.35);
}