Nazwany kolor · #9B8A44
Plantation Island
Plantation Island to #9B8A44: rgb(155 138 68), hsl(48 39% 44%), oklch(0.634 0.093 95.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Plantation Island color name →
#9B8A44
oklch(0.634 0.093 95.9)
Konwersje koloru
- HEX
- #9b8a44
- RGB
- rgb(155 138 68)
- HSL
- hsl(48 39% 44%)
- HWB
- hwb(48 27% 39%)
- OKLCH
- oklch(0.634 0.093 95.9)
- OKLab
- oklab(0.634 -0.01 0.092)
- CIE Lab
- lab(57.91 -0.13 39.33)
- LCH
- lch(57.91 39.33 90.2)
- CMYK
- cmyk(0% 11% 56% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A59558
- AEA16B
- B8AC7D
- C2B890
- CCC4A2
- D6CFB4
- E0DBC7
- EAE7D9
- F5F3EC
Odcienie ciemniejsze
- 86773A
- 726530
- 5E5326
- 4B421D
- 393214
- 28220C
- 181405
- 090702
- 010100
Tony
- 98894C
- 958853
- 93875A
- 908660
- 8D8666
- 8B846B
- 888371
- 858276
- 83817B
Harmonie kolorów
Komplementarna +180°
- 9B8A44
Plantation Island
- 7B85C2
≈ Twilight Twinkle
Analogowa -30° +30°
- 9B8A44
Plantation Island
- B17F4A
≈ Caramel Sauce
- 7C9455
≈ Vegetarian Veteran
Triada +120° +240°
- 9B8A44
Plantation Island
- 3998AE
≈ Alpine Lake
- AE74A0
≈ Orchid Kiss
Komplementarna rozszczepiona +150° +210°
- 9B8A44
Plantation Island
- 5990BF
≈ Cliff Blue
- 987BB7
≈ Lavender Purple
Tetrada +90° +180° +270°
- 9B8A44
Plantation Island
- 389C92
≈ Dreamy Teal
- 7B85C2
≈ Twilight Twinkle
- BA7282
≈ Smell the Roses
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.43:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.11:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--plantation-island: #9b8a44;
--plantation-island-rgb: 155 138 68;
--plantation-island-oklch: oklch(0.634 0.093 95.9);
}
.element {
color: var(--plantation-island);
background-color: hsl(48 39% 44%);
border-color: oklch(0.634 0.093 95.9);
}Tailwind CSS v4
@theme {
--color-plantation-island: #9b8a44;
--color-plantation-island-50: #fcf6d8;
--color-plantation-island-100: #f0e9c6;
--color-plantation-island-200: #ded5a8;
--color-plantation-island-300: #c4b881;
--color-plantation-island-400: #af9e5d;
--color-plantation-island-500: #998636;
--color-plantation-island-600: #81712f;
--color-plantation-island-700: #675a25;
--color-plantation-island-800: #4d4219;
--color-plantation-island-900: #352d10;
--color-plantation-island-950: #211a03;
}SCSS
$plantation-island: #9b8a44;
$plantation-island-rgb: 155, 138, 68;
$plantation-island-light: mix(#fff, $plantation-island, 20%);
$plantation-island-dark: mix(#000, $plantation-island, 20%);
.element {
color: $plantation-island;
box-shadow: 0 0 0 2px rgba($plantation-island, 0.35);
}