Adlandırılmış renk · #FF9C68
Fresh Cantaloupe
Fresh Cantaloupe, #FF9C68: rgb(255 156 104), hsl(21 100% 70%), oklch(0.784 0.136 47.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Fresh Cantaloupe color name →
#FF9C68
oklch(0.784 0.136 47.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFA678
- FFB188
- FFBB97
- FFC5A6
- FFCFB5
- FFD8C4
- FFE2D3
- FFECE1
- FFF5F0
Koyu tonlar
- DE8759
- BE734B
- 9E5F3E
- 804C30
- 633924
- 482818
- 2E180C
- 160904
- 030100
Gri tonlar
- F29A6C
- E6976F
- D99572
- CC9275
- C09077
- B38D7A
- A78A7B
- 9A877D
- 8D837F
Renk uyumları
Tamamlayıcı +180°
- FF9C68
Fresh Cantaloupe
- 3DC9FD
≈ Thor’s Thunder
Analog -30° +30°
- FF9C68
Fresh Cantaloupe
- FF969A
≈ Mad Pinker
- E9AD45
≈ Brittlebush
Üçlü +120° +240°
- FF9C68
Fresh Cantaloupe
- 49D4A7
≈ Mint Jelly
- B4ADFF
≈ Winterspring Lilac
Bölünmüş tamamlayıcı +150° +210°
- FF9C68
Fresh Cantaloupe
- 00D2D7
≈ Jade Glass
- 8CBBFF
≈ Scenic Water
Dörtlü +90° +180° +270°
- FF9C68
Fresh Cantaloupe
- 8DCD75
≈ Fluorescence
- 3DC9FD
≈ Thor’s Thunder
- DD9CF1
≈ Medium Lavender Magenta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.20:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.20:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
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);
}