Nazwany kolor · #EBBE7C
Delightful Moon
Delightful Moon to #EBBE7C: rgb(235 190 124), hsl(36 74% 70%), oklch(0.827 0.098 76.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Delightful Moon color name →
#EBBE7C
oklch(0.827 0.098 76.3)
Konwersje koloru
- HEX
- #ebbe7c
- RGB
- rgb(235 190 124)
- HSL
- hsl(36 74% 70%)
- HWB
- hwb(36 49% 8%)
- OKLCH
- oklch(0.827 0.098 76.3)
- OKLab
- oklab(0.827 0.023 0.095)
- CIE Lab
- lab(79.97 10.69 39.63)
- LCH
- lch(79.97 41.04 74.9)
- CMYK
- cmyk(0% 19% 47% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDC58A
- EFCB97
- F2D2A5
- F4D8B2
- F6DFBF
- F8E5CC
- FAECD9
- FBF2E5
- FDF9F2
Odcienie ciemniejsze
- CCA56B
- AE8C5A
- 91754A
- 755E3B
- 5B482C
- 41331E
- 291F11
- 130D05
- 030201
Tony
- E0B87D
- D5B27F
- CAAB7F
- BFA580
- B49F81
- AA9981
- 9F9381
- 958C81
- 8A8680
Harmonie kolorów
Komplementarna +180°
- EBBE7C
Delightful Moon
- A2C9FF
≈ Apocyan
Analogowa -30° +30°
- EBBE7C
Delightful Moon
- FCB390
≈ Desert Sunrise
- CECB7E
≈ Yellow Endive
Triada +120° +240°
- EBBE7C
Delightful Moon
- 70DADB
≈ Andes Sky
- E0B3F2
≈ Pink Illusion
Komplementarna rozszczepiona +150° +210°
- EBBE7C
Delightful Moon
- 7CD4F7
≈ Kul Sharif Blue
- C1BEFF
≈ Dried Lilac
Tetrada +90° +180° +270°
- EBBE7C
Delightful Moon
- 85DBB8
≈ Āsmānī Sky
- A2C9FF
≈ Apocyan
- F6ADD4
≈ Spaghetti Strap Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.72:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.18:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--delightful-moon: #ebbe7c;
--delightful-moon-rgb: 235 190 124;
--delightful-moon-oklch: oklch(0.827 0.098 76.3);
}
.element {
color: var(--delightful-moon);
background-color: hsl(36 74% 70%);
border-color: oklch(0.827 0.098 76.3);
}Tailwind CSS v4
@theme {
--color-delightful-moon: #ebbe7c;
--color-delightful-moon-50: #fff2d6;
--color-delightful-moon-100: #fae5c4;
--color-delightful-moon-200: #ecd0a5;
--color-delightful-moon-300: #d3b27e;
--color-delightful-moon-400: #c09759;
--color-delightful-moon-500: #ab7c30;
--color-delightful-moon-600: #90692b;
--color-delightful-moon-700: #745422;
--color-delightful-moon-800: #563d17;
--color-delightful-moon-900: #3c2a0f;
--color-delightful-moon-950: #261703;
}SCSS
$delightful-moon: #ebbe7c;
$delightful-moon-rgb: 235, 190, 124;
$delightful-moon-light: mix(#fff, $delightful-moon, 20%);
$delightful-moon-dark: mix(#000, $delightful-moon, 20%);
.element {
color: $delightful-moon;
box-shadow: 0 0 0 2px rgba($delightful-moon, 0.35);
}