Colore con nome · #9C4856
Baked Bahama
Baked Bahama è #9C4856: rgb(156 72 86), hsl(350 37% 45%), oklch(0.512 0.113 11.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Baked Bahama color name →
#9C4856
oklch(0.512 0.113 11.5)
Conversioni di colore
- HEX
- #9c4856
- RGB
- rgb(156 72 86)
- HSL
- hsl(350 37% 45%)
- HWB
- hwb(350 28% 39%)
- OKLCH
- oklch(0.512 0.113 11.5)
- OKLab
- oklab(0.512 0.11 0.022)
- CIE Lab
- lab(42.16 36.75 9.42)
- LCH
- lch(42.16 37.94 14.4)
- CMYK
- cmyk(0% 54% 45% 39%)
Tinte · Ombre · Toni
Tinte
- A75A65
- B26C75
- BD7E85
- C79096
- D1A2A7
- DBB4B8
- E4C6C9
- EDD9DB
- F6ECED
Ombre
- 873D4A
- 73333E
- 5F2932
- 4C1F27
- 39161C
- 280D12
- 180608
- 090202
- 010000
Toni
- 9A4E5A
- 98555E
- 965B62
- 946067
- 91666B
- 8E6B6F
- 8B7173
- 887677
- 847B7C
Armonie di colore
Complementare +180°
- 9C4856
Baked Bahama
- 007673
≈ Artisan Green
Analogo -30° +30°
- 9C4856
Baked Bahama
- 914A79
≈ Sugar Plum
- 9B4E2F
≈ Redridge Brown
Triadico +120° +240°
- 9C4856
Baked Bahama
- 4F7428
≈ Loren Forest
- 2F69A5
≈ Distant Blue
Complementare divisa +150° +210°
- 9C4856
Baked Bahama
- 037A52
≈ Poplar Forest
- 00728D
≈ Align
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.04:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.47:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--baked-bahama: #9c4856;
--baked-bahama-rgb: 156 72 86;
--baked-bahama-oklch: oklch(0.512 0.113 11.5);
}
.element {
color: var(--baked-bahama);
background-color: hsl(350 37% 45%);
border-color: oklch(0.512 0.113 11.5);
}Tailwind CSS v4
@theme {
--color-baked-bahama: #9c4856;
--color-baked-bahama-50: #ffe9ec;
--color-baked-bahama-100: #ffd9dd;
--color-baked-bahama-200: #ffc1c6;
--color-baked-bahama-300: #eba0a6;
--color-baked-bahama-400: #d8828d;
--color-baked-bahama-500: #c46473;
--color-baked-bahama-600: #a65561;
--color-baked-bahama-700: #85444e;
--color-baked-bahama-800: #63303a;
--color-baked-bahama-900: #452128;
--color-baked-bahama-950: #2d1016;
}SCSS
$baked-bahama: #9c4856;
$baked-bahama-rgb: 156, 72, 86;
$baked-bahama-light: mix(#fff, $baked-bahama, 20%);
$baked-bahama-dark: mix(#000, $baked-bahama, 20%);
.element {
color: $baked-bahama;
box-shadow: 0 0 0 2px rgba($baked-bahama, 0.35);
}