Màu có tên gần nhất · #BBC27A
#BBC27A
Màu có tên gần nhất: Zoodles
#BBC27A (rgb(187 194 122), hsl(66 37% 62%), oklch(0.792 0.094 113.1)) gần nhất với màu có tên Zoodles. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#BBC27A
oklch(0.792 0.094 113.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C2C888
- C8CE95
- CFD4A3
- D5DAB0
- DCE1BD
- E3E7CA
- EAEDD7
- F1F3E5
- F8F9F2
Sắc đậm
- A2A869
- 8A8F59
- 737749
- 5C603A
- 46492B
- 32341D
- 1F2010
- 0D0E05
- 020201
Sắc xám
- B5BB7B
- AFB57D
- A9AE7E
- A3A77F
- 9DA17F
- 979A80
- 919480
- 8B8D80
- 868780
Hòa sắc
Bổ túc +180°
- BBC27A
Zoodles
- BDB0F3
≈ Purple Sand
Tương đồng -30° +30°
- BBC27A
Zoodles
- D9B673
≈ Harpswell Green
- 97CB94
≈ Kettle Drum
Bộ ba +120° +240°
- BBC27A
Zoodles
- 7AC6EE
≈ Spritzig
- EBA2C0
≈ Prism Pink
Bổ túc chia +150° +210°
- BBC27A
Zoodles
- 9BBBF9
≈ Truesky Gloxym
- D9A7DF
≈ Barely Bloomed
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.89:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 11.11:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
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);
}