Cor nomeada · #84897F
Turtle Bay
Turtle Bay é #84897F: rgb(132 137 127), hsl(90 4% 52%), oklch(0.623 0.016 128.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Turtle Bay color name →
#84897F
oklch(0.623 0.016 128.7)
Conversões de cor
- HEX
- #84897f
- RGB
- rgb(132 137 127)
- HSL
- hsl(90 4% 52%)
- HWB
- hwb(90 50% 46%)
- OKLCH
- oklch(0.623 0.016 128.7)
- OKLab
- oklab(0.623 -0.01 0.012)
- CIE Lab
- lab(56.44 -3.36 4.71)
- LCH
- lch(56.44 5.79 125.5)
- CMYK
- cmyk(4% 0% 7% 46%)
Tons claros · Sombras · Tons
Tons claros
- 90948B
- 9B9F97
- A7ABA4
- B3B7B0
- C0C2BD
- CCCECA
- D9DAD7
- E5E6E4
- F2F3F2
Sombras
- 72766E
- 60645D
- 4F534C
- 3F423C
- 2F312D
- 20221F
- 121411
- 060706
- 010101
Tons
- 84887F
- 83877F
- 83867F
- 82857F
- 828580
- 828480
- 818380
- 818280
- 808180
Harmonias de cor
Complementar +180°
- 84897F
Turtle Bay
- 8A858E
≈ Old Amethyst
Análoga -30° +30°
- 84897F
Turtle Bay
- 89877D
≈ Wet Cement
- 7F8A83
≈ Valley Hills
Tríade +120° +240°
- 84897F
Turtle Bay
- 808890
≈ Sea Lion
- 908385
≈ Purpura
Complementar dividida +150° +210°
- 84897F
Turtle Bay
- 858691
≈ Grey Heather
- 8E838A
≈ Lost Lavender Somewhere
Tétrade +90° +180° +270°
- 84897F
Turtle Bay
- 7D8A8D
≈ Seastone
- 8A858E
≈ Old Amethyst
- 908480
≈ Roanoke Taupe
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.58:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.86:1 · APCA Lc 38
Melhor cor de texto: #000000
WCAG 5.86:1 (AA) · APCA Lc 38
Contrast pairs
Trechos de código
CSS
:root {
--turtle-bay: #84897f;
--turtle-bay-rgb: 132 137 127;
--turtle-bay-oklch: oklch(0.623 0.016 128.7);
}
.element {
color: var(--turtle-bay);
background-color: hsl(90 4% 52%);
border-color: oklch(0.623 0.016 128.7);
}Tailwind CSS v4
@theme {
--color-turtle-bay: #84897f;
--color-turtle-bay-50: #f3f6f1;
--color-turtle-bay-100: #e6e9e4;
--color-turtle-bay-200: #d2d6cf;
--color-turtle-bay-300: #b4b9b1;
--color-turtle-bay-400: #9ba097;
--color-turtle-bay-500: #83887d;
--color-turtle-bay-600: #6f736a;
--color-turtle-bay-700: #595c55;
--color-turtle-bay-800: #41433e;
--color-turtle-bay-900: #2d2f2a;
--color-turtle-bay-950: #1a1b18;
}SCSS
$turtle-bay: #84897f;
$turtle-bay-rgb: 132, 137, 127;
$turtle-bay-light: mix(#fff, $turtle-bay, 20%);
$turtle-bay-dark: mix(#000, $turtle-bay, 20%);
.element {
color: $turtle-bay;
box-shadow: 0 0 0 2px rgba($turtle-bay, 0.35);
}