最も近い色名 · #F5877F
#F5877F
最も近い色名: Jinza Safflower
#F5877F（rgb(245 135 127)、hsl(4 86% 73%)、oklch(0.742 0.135 25.2)）に最も近い色名はJinza Safflowerです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F5877F
oklch(0.742 0.135 25.2)
カラー変換
- HEX
- #f5877f
- RGB
- rgb(245 135 127)
- HSL
- hsl(4 86% 73%)
- HWB
- hwb(4 50% 4%)
- OKLCH
- oklch(0.742 0.135 25.2)
- OKLab
- oklab(0.742 0.123 0.058)
- CIE Lab
- lab(68.73 42.24 23.98)
- LCH
- lch(68.73 48.57 29.6)
- CMYK
- cmyk(0% 45% 48% 4%)
ティント · シェード · トーン
ティント
- F7948C
- FAA098
- FCACA5
- FDB8B1
- FEC4BE
- FFD0CB
- FFDCD8
- FFE7E5
- FFF3F2
シェード
- D5756E
- B6635D
- 98514C
- 7B413C
- 5F312D
- 44211F
- 2B1311
- 150606
- 030101
トーン
- EA877F
- DE8780
- D38780
- C78680
- BC8680
- B08580
- A48480
- 998380
- 8C8180
カラーハーモニー
補色 +180°
- F5877F
Jinza Safflower
- 00C2D1
≈ The Crowd Roars!
類似色 -30° +30°
- F5877F
Jinza Safflower
- ED85AF
≈ Brown Knapweed
- EC9250
≈ Bronze Cup
トライアド +120° +240°
- F5877F
Jinza Safflower
- 70C275
≈ Soft Green
- 83A9FF
≈ Fennel Flower
スプリットコンプリメンタリー +150° +210°
- F5877F
Jinza Safflower
- 1CC7A7
≈ Jadeite
- 40B8F4
≈ Megaman
テトラード +90° +180° +270°
- F5877F
Jinza Safflower
- A9B546
≈ Azeitona
- 00C2D1
≈ The Crowd Roars!
- B299F7
≈ Dreamy Candy Forest
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.42:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.65:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.65:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--jinza-safflower: #f5877f;
--jinza-safflower-rgb: 245 135 127;
--jinza-safflower-oklch: oklch(0.742 0.135 25.2);
}
.element {
color: var(--jinza-safflower);
background-color: hsl(4 86% 73%);
border-color: oklch(0.742 0.135 25.2);
}Tailwind CSS v4
@theme {
--color-jinza-safflower: #f5877f;
--color-jinza-safflower-50: #ffe7e0;
--color-jinza-safflower-100: #ffd7d0;
--color-jinza-safflower-200: #ffbfb5;
--color-jinza-safflower-300: #f59c91;
--color-jinza-safflower-400: #e37c75;
--color-jinza-safflower-500: #d15c56;
--color-jinza-safflower-600: #b04f4a;
--color-jinza-safflower-700: #8e3f3b;
--color-jinza-safflower-800: #6a2c2b;
--color-jinza-safflower-900: #4a1e1d;
--color-jinza-safflower-950: #300d0d;
}SCSS
$jinza-safflower: #f5877f;
$jinza-safflower-rgb: 245, 135, 127;
$jinza-safflower-light: mix(#fff, $jinza-safflower, 20%);
$jinza-safflower-dark: mix(#000, $jinza-safflower, 20%);
.element {
color: $jinza-safflower;
box-shadow: 0 0 0 2px rgba($jinza-safflower, 0.35);
}