Nazwany kolor · #FCD389
Oberon
Oberon to #FCD389: rgb(252 211 137), hsl(39 95% 76%), oklch(0.886 0.103 81.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Oberon color name →
#FCD389
oklch(0.886 0.103 81.5)
Konwersje koloru
- HEX
- #fcd389
- RGB
- rgb(252 211 137)
- HSL
- hsl(39 95% 76%)
- HWB
- hwb(39 54% 1%)
- OKLCH
- oklch(0.886 0.103 81.5)
- OKLab
- oklab(0.886 0.015 0.102)
- CIE Lab
- lab(86.93 8.06 42.18)
- LCH
- lch(86.93 42.94 79.2)
- CMYK
- cmyk(0% 16% 46% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCD896
- FDDCA2
- FDE1AE
- FEE5BA
- FEE9C6
- FEEED1
- FEF2DD
- FFF7E8
- FFFBF4
Odcienie ciemniejsze
- DBB776
- BB9C64
- 9C8253
- 7E6942
- 625131
- 473A22
- 2D2414
- 161007
- 030201
Tony
- EFCB89
- E2C289
- D5BA89
- C9B188
- BCA987
- B0A186
- A49985
- 989083
- 8C8882
Harmonie kolorów
Komplementarna +180°
- FCD389
Oberon
- C5DAFF
≈ Arc Light
Analogowa -30° +30°
- FCD389
Oberon
- FFCEB1
≈ Blushing Cherub
- DBE190
≈ Sassy Lime
Triada +120° +240°
- FCD389
Oberon
- 7EEEF6
≈ Bath Water
- F7C5FF
≈ Aquarelle Lilac
Komplementarna rozszczepiona +150° +210°
- FCD389
Oberon
- ACE2FF
≈ Frozen Landscape
- D9D3FF
≈ Pale Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.81:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.81:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--oberon: #fcd389;
--oberon-rgb: 252 211 137;
--oberon-oklch: oklch(0.886 0.103 81.5);
}
.element {
color: var(--oberon);
background-color: hsl(39 95% 76%);
border-color: oklch(0.886 0.103 81.5);
}Tailwind CSS v4
@theme {
--color-oberon: #fcd389;
--color-oberon-50: #fff3d4;
--color-oberon-100: #f9e6c2;
--color-oberon-200: #ead1a2;
--color-oberon-300: #d1b37a;
--color-oberon-400: #bd9853;
--color-oberon-500: #a87e27;
--color-oberon-600: #8e6b23;
--color-oberon-700: #72561c;
--color-oberon-800: #553e12;
--color-oberon-900: #3b2b0b;
--color-oberon-950: #251801;
}SCSS
$oberon: #fcd389;
$oberon-rgb: 252, 211, 137;
$oberon-light: mix(#fff, $oberon, 20%);
$oberon-dark: mix(#000, $oberon, 20%);
.element {
color: $oberon;
box-shadow: 0 0 0 2px rgba($oberon, 0.35);
}