Cor nomeada mais próxima · #BBBE55
#BBBE55
Cor nomeada mais próxima: Sinsemilla
#BBBE55 (rgb(187 190 85), hsl(62 45% 54%), oklch(0.778 0.128 110.5)) é mais próxima da cor nomeada Sinsemilla. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BBBE55
oklch(0.778 0.128 110.5)
Conversões de cor
- HEX
- #bbbe55
- RGB
- rgb(187 190 85)
- HSL
- hsl(62 45% 54%)
- HWB
- hwb(62 33% 25%)
- OKLCH
- oklch(0.778 0.128 110.5)
- OKLab
- oklab(0.778 -0.045 0.12)
- CIE Lab
- lab(75.15 -11.49 51.47)
- LCH
- lch(75.15 52.73 102.6)
- CMYK
- cmyk(2% 0% 55% 25%)
Tons claros · Sombras · Tons
Tons claros
- C1C569
- C8CB7B
- CED28D
- D5D89E
- DCDFAE
- E3E5BE
- EAECCF
- F1F2DF
- F8F9EF
Sombras
- A2A549
- 8A8C3D
- 737531
- 5C5E26
- 46481C
- 323311
- 1F1F08
- 0D0D02
- 020200
Tons
- B5B85C
- AFB262
- A9AB68
- A3A56C
- 9D9F71
- 979974
- 919378
- 8B8C7B
- 86867E
Harmonias de cor
Complementar +180°
- BBBE55
Sinsemilla
- B6A9FF
≈ Winterspring Lilac
Análoga -30° +30°
- BBBE55
Sinsemilla
- E1AD4C
≈ Lemon Essence
- 88CB7C
≈ Fresh Cut Grass
Tríade +120° +240°
- BBBE55
Sinsemilla
- 4EC5F9
≈ Shovel Knight
- F493C1
≈ Pastel Magenta
Complementar dividida +150° +210°
- BBBE55
Sinsemilla
- 8DB7FF
≈ Carolina Blue
- DC9BE9
≈ Bright Ube
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASobre preto
WCAG 10.60:1 · APCA Lc 64
Melhor cor de texto: #000000
WCAG 10.60:1 (AAA) · APCA Lc 64
Contrast pairs
Trechos de código
CSS
:root {
--sinsemilla: #bbbe55;
--sinsemilla-rgb: 187 190 85;
--sinsemilla-oklch: oklch(0.778 0.128 110.5);
}
.element {
color: var(--sinsemilla);
background-color: hsl(62 45% 54%);
border-color: oklch(0.778 0.128 110.5);
}Tailwind CSS v4
@theme {
--color-sinsemilla: #bbbe55;
--color-sinsemilla-50: #f5fad0;
--color-sinsemilla-100: #e8edbc;
--color-sinsemilla-200: #d4db9b;
--color-sinsemilla-300: #b8be6f;
--color-sinsemilla-400: #a2a542;
--color-sinsemilla-500: #8b8d00;
--color-sinsemilla-600: #767700;
--color-sinsemilla-700: #5e5f01;
--color-sinsemilla-800: #474500;
--color-sinsemilla-900: #313001;
--color-sinsemilla-950: #1d1c00;
}SCSS
$sinsemilla: #bbbe55;
$sinsemilla-rgb: 187, 190, 85;
$sinsemilla-light: mix(#fff, $sinsemilla, 20%);
$sinsemilla-dark: mix(#000, $sinsemilla, 20%);
.element {
color: $sinsemilla;
box-shadow: 0 0 0 2px rgba($sinsemilla, 0.35);
}