Nazwany kolor · #FFD479
Cantaloupe
Cantaloupe to #FFD479: rgb(255 212 121), hsl(41 100% 74%), oklch(0.888 0.12 84.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cantaloupe color name →
#FFD479
oklch(0.888 0.12 84.7)
Konwersje koloru
- HEX
- #ffd479
- RGB
- rgb(255 212 121)
- HSL
- hsl(41 100% 74%)
- HWB
- hwb(41 47% 0%)
- OKLCH
- oklch(0.888 0.12 84.7)
- OKLab
- oklab(0.888 0.011 0.119)
- CIE Lab
- lab(87.29 7.74 50.47)
- LCH
- lch(87.29 51.06 81.3)
- CMYK
- cmyk(0% 17% 53% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFD988
- FFDD97
- FFE1A5
- FFE6B2
- FFEABF
- FFEECC
- FFF3D9
- FFF7E6
- FFFBF3
Odcienie ciemniejsze
- DEB868
- BE9D58
- 9E8348
- 806939
- 63512B
- 483A1D
- 2E2410
- 161005
- 030201
Tony
- F2CB7B
- E5C37D
- D7BB7F
- CBB280
- BEAA81
- B1A181
- A59981
- 989181
- 8C8881
Harmonie kolorów
Komplementarna +180°
- FFD479
Cantaloupe
- C9DBFF
≈ Arc Light
Analogowa -30° +30°
- FFD479
Cantaloupe
- FFCFB0
≈ Vintage Peach
- D8E485
≈ Grape Cassata
Triada +120° +240°
- FFD479
Cantaloupe
- 6AF1FF
≈ Robin’s Egg
- FCC4FF
≈ Electric Lavender
Komplementarna rozszczepiona +150° +210°
- FFD479
Cantaloupe
- B1E2FF
≈ Frozen Landscape
- DCD3FF
≈ Pale Lavender
Tetrada +90° +180° +270°
- FFD479
Cantaloupe
- 79F4D5
≈ Tiffany Blue
- C9DBFF
≈ Arc Light
- FFC9DD
≈ Cherry Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.94:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--cantaloupe: #ffd479;
--cantaloupe-rgb: 255 212 121;
--cantaloupe-oklch: oklch(0.888 0.12 84.7);
}
.element {
color: var(--cantaloupe);
background-color: hsl(41 100% 74%);
border-color: oklch(0.888 0.12 84.7);
}Tailwind CSS v4
@theme {
--color-cantaloupe: #ffd479;
--color-cantaloupe-50: #fff4cf;
--color-cantaloupe-100: #f9e6bb;
--color-cantaloupe-200: #ebd299;
--color-cantaloupe-300: #d2b46d;
--color-cantaloupe-400: #bf9842;
--color-cantaloupe-500: #ab7e00;
--color-cantaloupe-600: #906b00;
--color-cantaloupe-700: #745501;
--color-cantaloupe-800: #563e00;
--color-cantaloupe-900: #3c2a02;
--color-cantaloupe-950: #261800;
}SCSS
$cantaloupe: #ffd479;
$cantaloupe-rgb: 255, 212, 121;
$cantaloupe-light: mix(#fff, $cantaloupe, 20%);
$cantaloupe-dark: mix(#000, $cantaloupe, 20%);
.element {
color: $cantaloupe;
box-shadow: 0 0 0 2px rgba($cantaloupe, 0.35);
}