Colore con nome più vicino · #BBC27A
#BBC27A
Colore con nome più vicino: Zoodles
#BBC27A (rgb(187 194 122), hsl(66 37% 62%), oklch(0.792 0.094 113.1)) è più vicino al colore con nome Zoodles. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BBC27A
oklch(0.792 0.094 113.1)
Conversioni di colore
- HEX
- #bbc27a
- RGB
- rgb(187 194 122)
- HSL
- hsl(66 37% 62%)
- HWB
- hwb(66 48% 24%)
- OKLCH
- oklch(0.792 0.094 113.1)
- OKLab
- oklab(0.792 -0.037 0.087)
- CIE Lab
- lab(76.62 -10.75 35.36)
- LCH
- lch(76.62 36.96 106.9)
- CMYK
- cmyk(4% 0% 37% 24%)
Tinte · Ombre · Toni
Tinte
- C2C888
- C8CE95
- CFD4A3
- D5DAB0
- DCE1BD
- E3E7CA
- EAEDD7
- F1F3E5
- F8F9F2
Ombre
- A2A869
- 8A8F59
- 737749
- 5C603A
- 46492B
- 32341D
- 1F2010
- 0D0E05
- 020201
Toni
- B5BB7B
- AFB57D
- A9AE7E
- A3A77F
- 9DA17F
- 979A80
- 919480
- 8B8D80
- 868780
Armonie di colore
Complementare +180°
- BBC27A
Zoodles
- BDB0F3
≈ Purple Sand
Analogo -30° +30°
- BBC27A
Zoodles
- D9B673
≈ Harpswell Green
- 97CB94
≈ Kettle Drum
Triadico +120° +240°
- BBC27A
Zoodles
- 7AC6EE
≈ Spritzig
- EBA2C0
≈ Prism Pink
Complementare divisa +150° +210°
- BBC27A
Zoodles
- 9BBBF9
≈ Truesky Gloxym
- D9A7DF
≈ Barely Bloomed
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.11:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--zoodles: #bbc27a;
--zoodles-rgb: 187 194 122;
--zoodles-oklch: oklch(0.792 0.094 113.1);
}
.element {
color: var(--zoodles);
background-color: hsl(66 37% 62%);
border-color: oklch(0.792 0.094 113.1);
}Tailwind CSS v4
@theme {
--color-zoodles: #bbc27a;
--color-zoodles-50: #f4f9db;
--color-zoodles-100: #e6ecc9;
--color-zoodles-200: #d2daac;
--color-zoodles-300: #b5be86;
--color-zoodles-400: #9ea562;
--color-zoodles-500: #868d3d;
--color-zoodles-600: #727735;
--color-zoodles-700: #5b5f2a;
--color-zoodles-800: #44451c;
--color-zoodles-900: #2f3012;
--color-zoodles-950: #1b1c05;
}SCSS
$zoodles: #bbc27a;
$zoodles-rgb: 187, 194, 122;
$zoodles-light: mix(#fff, $zoodles, 20%);
$zoodles-dark: mix(#000, $zoodles, 20%);
.element {
color: $zoodles;
box-shadow: 0 0 0 2px rgba($zoodles, 0.35);
}