Nazwany kolor · #A69081
Beach Cabana
Beach Cabana to #A69081: rgb(166 144 129), hsl(24 17% 58%), oklch(0.669 0.034 56.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Beach Cabana color name →
#A69081
oklch(0.669 0.034 56.3)
Konwersje koloru
- HEX
- #a69081
- RGB
- rgb(166 144 129)
- HSL
- hsl(24 17% 58%)
- HWB
- hwb(24 51% 35%)
- OKLCH
- oklch(0.669 0.034 56.3)
- OKLab
- oklab(0.669 0.019 0.029)
- CIE Lab
- lab(61.49 6.71 11.2)
- LCH
- lch(61.49 13.05 59.1)
- CMYK
- cmyk(0% 13% 22% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AF9B8D
- B7A599
- C0B0A5
- C9BBB2
- D2C6BE
- DBD1CB
- E4DDD8
- EDE8E5
- F6F3F2
Odcienie ciemniejsze
- 907D6F
- 7A6A5E
- 65574E
- 51453E
- 3E342E
- 2B241F
- 1A1512
- 0A0706
- 010101
Tony
- A28E81
- 9E8D81
- 9B8B81
- 978A81
- 938881
- 8F8681
- 8B8580
- 888380
- 848280
Harmonie kolorów
Komplementarna +180°
- A69081
Beach Cabana
- 8299A8
≈ Beach Umbrella
Analogowa -30° +30°
- A69081
Beach Cabana
- A98D8A
≈ Ash Hollow
- 9E947D
≈ Weather Board
Triada +120° +240°
- A69081
Beach Cabana
- 7F9C94
≈ Vizcaya
- 9691A8
≈ Jazz Tune
Komplementarna rozszczepiona +150° +210°
- A69081
Beach Cabana
- 7D9B9F
≈ Grand Boulevard
- 8B95AB
≈ Silverfish
Tetrada +90° +180° +270°
- A69081
Beach Cabana
- 889B89
≈ Birch Forest
- 8299A8
≈ Beach Umbrella
- A18EA0
≈ Cut Heather
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.03:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.92:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.92:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--beach-cabana: #a69081;
--beach-cabana-rgb: 166 144 129;
--beach-cabana-oklch: oklch(0.669 0.034 56.3);
}
.element {
color: var(--beach-cabana);
background-color: hsl(24 17% 58%);
border-color: oklch(0.669 0.034 56.3);
}Tailwind CSS v4
@theme {
--color-beach-cabana: #a69081;
--color-beach-cabana-50: #fdf3ec;
--color-beach-cabana-100: #f1e5dd;
--color-beach-cabana-200: #e0d1c6;
--color-beach-cabana-300: #c5b4a7;
--color-beach-cabana-400: #af9a8b;
--color-beach-cabana-500: #988171;
--color-beach-cabana-600: #816d5f;
--color-beach-cabana-700: #67574c;
--color-beach-cabana-800: #4c3f37;
--color-beach-cabana-900: #352c26;
--color-beach-cabana-950: #201914;
}SCSS
$beach-cabana: #a69081;
$beach-cabana-rgb: 166, 144, 129;
$beach-cabana-light: mix(#fff, $beach-cabana, 20%);
$beach-cabana-dark: mix(#000, $beach-cabana, 20%);
.element {
color: $beach-cabana;
box-shadow: 0 0 0 2px rgba($beach-cabana, 0.35);
}