Nazwany kolor · #909062
Nick’s Nook
Nick’s Nook to #909062: rgb(144 144 98), hsl(60 19% 47%), oklch(0.642 0.064 108.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Nick’s Nook color name →
#909062
oklch(0.642 0.064 108.1)
Konwersje koloru
- HEX
- #909062
- RGB
- rgb(144 144 98)
- HSL
- hsl(60 19% 47%)
- HWB
- hwb(60 38% 44%)
- OKLCH
- oklch(0.642 0.064 108.1)
- OKLab
- oklab(0.642 -0.02 0.061)
- CIE Lab
- lab(58.92 -5.59 24.53)
- LCH
- lch(58.92 25.16 102.8)
- CMYK
- cmyk(0% 0% 32% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9A9B71
- A5A580
- B0B090
- BBBB9F
- C6C6AF
- D1D2BF
- DCDDCE
- E8E8DE
- F3F3EF
Odcienie ciemniejsze
- 7D7D54
- 6A6A47
- 57573A
- 45452D
- 343421
- 242416
- 15150B
- 070703
- 010100
Tony
- 8E8E65
- 8D8D69
- 8B8B6C
- 898A6F
- 888872
- 868775
- 858578
- 83837B
- 82827D
Harmonie kolorów
Komplementarna +180°
- 909062
Nick’s Nook
- 8A87B2
≈ Silk Lilac
Analogowa -30° +30°
- 909062
Nick’s Nook
- A28860
≈ Mukluks
- 7A9670
≈ Green Eyes
Triada +120° +240°
- 909062
Nick’s Nook
- 6295AC
≈ My Skiff
- AB7D93
≈ Cali Lily
Komplementarna rozszczepiona +150° +210°
- 909062
Nick’s Nook
- 758EB4
≈ Hushed Lilac
- 9D81A6
≈ Rhapsody
Tetrada +90° +180° +270°
- 909062
Nick’s Nook
- 5B999B
≈ Aquarius Reef Base
- 8A87B2
≈ Silk Lilac
- B07D7E
≈ Minuet Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.30:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.35:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.35:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--nick-s-nook: #909062;
--nick-s-nook-rgb: 144 144 98;
--nick-s-nook-oklch: oklch(0.642 0.064 108.1);
}
.element {
color: var(--nick-s-nook);
background-color: hsl(60 19% 47%);
border-color: oklch(0.642 0.064 108.1);
}Tailwind CSS v4
@theme {
--color-nick-s-nook: #909062;
--color-nick-s-nook-50: #f6f7e2;
--color-nick-s-nook-100: #e9ead2;
--color-nick-s-nook-200: #d5d7b8;
--color-nick-s-nook-300: #b9bb95;
--color-nick-s-nook-400: #a2a276;
--color-nick-s-nook-500: #8a8a57;
--color-nick-s-nook-600: #75754a;
--color-nick-s-nook-700: #5d5d3b;
--color-nick-s-nook-800: #454429;
--color-nick-s-nook-900: #302f1c;
--color-nick-s-nook-950: #1c1b0c;
}SCSS
$nick-s-nook: #909062;
$nick-s-nook-rgb: 144, 144, 98;
$nick-s-nook-light: mix(#fff, $nick-s-nook, 20%);
$nick-s-nook-dark: mix(#000, $nick-s-nook, 20%);
.element {
color: $nick-s-nook;
box-shadow: 0 0 0 2px rgba($nick-s-nook, 0.35);
}