Màu có tên · #FF9C68
Fresh Cantaloupe
Fresh Cantaloupe là #FF9C68: rgb(255 156 104), hsl(21 100% 70%), oklch(0.784 0.136 47.7). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Fresh Cantaloupe color name →
#FF9C68
oklch(0.784 0.136 47.7)
Chuyển đổi màu
- HEX
- #ff9c68
- RGB
- rgb(255 156 104)
- HSL
- hsl(21 100% 70%)
- HWB
- hwb(21 41% 0%)
- OKLCH
- oklch(0.784 0.136 47.7)
- OKLab
- oklab(0.784 0.092 0.101)
- CIE Lab
- lab(74.14 34.48 43.37)
- LCH
- lch(74.14 55.41 51.5)
- CMYK
- cmyk(0% 39% 59% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFA678
- FFB188
- FFBB97
- FFC5A6
- FFCFB5
- FFD8C4
- FFE2D3
- FFECE1
- FFF5F0
Sắc đậm
- DE8759
- BE734B
- 9E5F3E
- 804C30
- 633924
- 482818
- 2E180C
- 160904
- 030100
Sắc xám
- F29A6C
- E6976F
- D99572
- CC9275
- C09077
- B38D7A
- A78A7B
- 9A877D
- 8D837F
Hòa sắc
Bổ túc +180°
- FF9C68
Fresh Cantaloupe
- 3DC9FD
≈ Thor’s Thunder
Tương đồng -30° +30°
- FF9C68
Fresh Cantaloupe
- FF969A
≈ Mad Pinker
- E9AD45
≈ Brittlebush
Bộ ba +120° +240°
- FF9C68
Fresh Cantaloupe
- 49D4A7
≈ Mint Jelly
- B4ADFF
≈ Winterspring Lilac
Bổ túc chia +150° +210°
- FF9C68
Fresh Cantaloupe
- 00D2D7
≈ Jade Glass
- 8CBBFF
≈ Scenic Water
Bộ bốn +90° +180° +270°
- FF9C68
Fresh Cantaloupe
- 8DCD75
≈ Fluorescence
- 3DC9FD
≈ Thor’s Thunder
- DD9CF1
≈ Medium Lavender Magenta
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.05:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.20:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.20:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--fresh-cantaloupe: #ff9c68;
--fresh-cantaloupe-rgb: 255 156 104;
--fresh-cantaloupe-oklch: oklch(0.784 0.136 47.7);
}
.element {
color: var(--fresh-cantaloupe);
background-color: hsl(21 100% 70%);
border-color: oklch(0.784 0.136 47.7);
}Tailwind CSS v4
@theme {
--color-fresh-cantaloupe: #ff9c68;
--color-fresh-cantaloupe-50: #ffebd3;
--color-fresh-cantaloupe-100: #ffdbc0;
--color-fresh-cantaloupe-200: #ffc4a0;
--color-fresh-cantaloupe-300: #f0a277;
--color-fresh-cantaloupe-400: #df8353;
--color-fresh-cantaloupe-500: #cc6526;
--color-fresh-cantaloupe-600: #ac5623;
--color-fresh-cantaloupe-700: #8b441c;
--color-fresh-cantaloupe-800: #683114;
--color-fresh-cantaloupe-900: #49210d;
--color-fresh-cantaloupe-950: #2f1002;
}SCSS
$fresh-cantaloupe: #ff9c68;
$fresh-cantaloupe-rgb: 255, 156, 104;
$fresh-cantaloupe-light: mix(#fff, $fresh-cantaloupe, 20%);
$fresh-cantaloupe-dark: mix(#000, $fresh-cantaloupe, 20%);
.element {
color: $fresh-cantaloupe;
box-shadow: 0 0 0 2px rgba($fresh-cantaloupe, 0.35);
}