Nazwany kolor · #FBA765
Cosy Nook
Cosy Nook to #FBA765: rgb(251 167 101), hsl(26 95% 69%), oklch(0.798 0.129 57.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cosy Nook color name →
#FBA765
oklch(0.798 0.129 57.7)
Konwersje koloru
- HEX
- #fba765
- RGB
- rgb(251 167 101)
- HSL
- hsl(26 95% 69%)
- HWB
- hwb(26 40% 2%)
- OKLCH
- oklch(0.798 0.129 57.7)
- OKLab
- oklab(0.798 0.069 0.109)
- CIE Lab
- lab(76.04 27.29 46.96)
- LCH
- lch(76.04 54.31 59.8)
- CMYK
- cmyk(0% 33% 60% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCB076
- FDB986
- FEC296
- FFCBA5
- FFD4B4
- FFDDC3
- FFE5D2
- FFEEE1
- FFF6F0
Odcienie ciemniejsze
- DA9157
- BA7B49
- 9C663C
- 7E522F
- 613E22
- 462C17
- 2D1A0C
- 150A03
- 030100
Tony
- EFA369
- E2A06D
- D69C71
- CA9874
- BD9577
- B19179
- A58D7B
- 99887D
- 8C847F
Harmonie kolorów
Komplementarna +180°
- FBA765
Cosy Nook
- 6EC8FF
≈ Skyan
Analogowa -30° +30°
- FBA765
Cosy Nook
- FFA094
≈ Peach Amber
- E0B850
≈ Up in Flames
Triada +120° +240°
- FBA765
Cosy Nook
- 45D8BD
≈ Celestial Green
- C6ADFF
≈ Purple Hepatica
Komplementarna rozszczepiona +150° +210°
- FBA765
Cosy Nook
- 2FD4E8
≈ Thousand Sons Blue
- A1BBFF
≈ Truesky Gloxym
Tetrada +90° +180° +270°
- FBA765
Cosy Nook
- 81D48D
≈ Enchanted Emerald
- 6EC8FF
≈ Skyan
- EA9FE7
≈ Diva Mecha
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.81:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--cosy-nook: #fba765;
--cosy-nook-rgb: 251 167 101;
--cosy-nook-oklch: oklch(0.798 0.129 57.7);
}
.element {
color: var(--cosy-nook);
background-color: hsl(26 95% 69%);
border-color: oklch(0.798 0.129 57.7);
}Tailwind CSS v4
@theme {
--color-cosy-nook: #fba765;
--color-cosy-nook-50: #ffedd1;
--color-cosy-nook-100: #ffdfbd;
--color-cosy-nook-200: #fec89d;
--color-cosy-nook-300: #e8a772;
--color-cosy-nook-400: #d78a4b;
--color-cosy-nook-500: #c46c16;
--color-cosy-nook-600: #a55c17;
--color-cosy-nook-700: #854a13;
--color-cosy-nook-800: #63350d;
--color-cosy-nook-900: #462408;
--color-cosy-nook-950: #2d1200;
}SCSS
$cosy-nook: #fba765;
$cosy-nook-rgb: 251, 167, 101;
$cosy-nook-light: mix(#fff, $cosy-nook, 20%);
$cosy-nook-dark: mix(#000, $cosy-nook, 20%);
.element {
color: $cosy-nook;
box-shadow: 0 0 0 2px rgba($cosy-nook, 0.35);
}