最も近い色名 · #FD6E4B
#FD6E4B
最も近い色名: Melon
#FD6E4B（rgb(253 110 75)、hsl(12 98% 64%)、oklch(0.708 0.182 35)）に最も近い色名はMelonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FD6E4B
oklch(0.708 0.182 35)
カラー変換
- HEX
- #fd6e4b
- RGB
- rgb(253 110 75)
- HSL
- hsl(12 98% 64%)
- HWB
- hwb(12 29% 1%)
- OKLCH
- oklch(0.708 0.182 35)
- OKLab
- oklab(0.708 0.149 0.105)
- CIE Lab
- lab(64.53 54.16 47.33)
- LCH
- lch(64.53 71.92 41.2)
- CMYK
- cmyk(0% 57% 70% 1%)
ティント · シェード · トーン
ティント
- FF7F5F
- FF8E71
- FF9D83
- FFAC95
- FFBAA7
- FFC8B8
- FFD6CA
- FFE4DC
- FFF1ED
シェード
- DC5F40
- BC5035
- 9D412B
- 7F3321
- 622617
- 47190E
- 2D0E06
- 160402
- 030100
トーン
- F17252
- E57559
- D9785F
- CD7A65
- C17C6A
- B57D6F
- A87E74
- 9B7F78
- 8E807C
カラーハーモニー
補色 +180°
- FD6E4B
Melon
- 00B4D1
≈ Aquarius
類似色 -30° +30°
- FD6E4B
Melon
- FA6791
≈ Rosy Pink
- E38800
≈ Hotter Butter
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- FD6E4B
Melon
- 00B9AB
≈ Verditer
- 2BA8FF
≈ Xed
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--melon: #fd6e4b;
--melon-rgb: 253 110 75;
--melon-oklch: oklch(0.708 0.182 35);
}
.element {
color: var(--melon);
background-color: hsl(12 98% 64%);
border-color: oklch(0.708 0.182 35);
}Tailwind CSS v4
@theme {
--color-melon: #fd6e4b;
--color-melon-50: #ffe4d1;
--color-melon-100: #ffd3bd;
--color-melon-200: #ffb89c;
--color-melon-300: #ff9372;
--color-melon-400: #f66f4e;
--color-melon-500: #e5481e;
--color-melon-600: #c13e1c;
--color-melon-700: #9c3217;
--color-melon-800: #742212;
--color-melon-900: #52170b;
--color-melon-950: #370601;
}SCSS
$melon: #fd6e4b;
$melon-rgb: 253, 110, 75;
$melon-light: mix(#fff, $melon, 20%);
$melon-dark: mix(#000, $melon, 20%);
.element {
color: $melon;
box-shadow: 0 0 0 2px rgba($melon, 0.35);
}