Màu có tên · #CBF85F
Pear Spritz
Pear Spritz là #CBF85F: rgb(203 248 95), hsl(78 92% 67%), oklch(0.919 0.184 123.9). 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.
What does Yellow mean? → · Pear Spritz color name →
#CBF85F
oklch(0.919 0.184 123.9)
Chuyển đổi màu
- HEX
- #cbf85f
- RGB
- rgb(203 248 95)
- HSL
- hsl(78 92% 67%)
- HWB
- hwb(78 37% 3%)
- OKLCH
- oklch(0.919 0.184 123.9)
- OKLab
- oklab(0.919 -0.103 0.153)
- CIE Lab
- lab(92.25 -30.85 65.99)
- LCH
- lch(92.25 72.84 115.1)
- CMYK
- cmyk(18% 0% 62% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D0F975
- D5FA87
- DAFB99
- DFFCA9
- E5FDB8
- EAFDC7
- EFFED5
- F4FEE3
- FAFFF1
Sắc đậm
- B0D852
- 96B844
- 7D9A38
- 657C2C
- 4D6020
- 374515
- 222C0A
- 0F1503
- 020300
Sắc xám
- C3EC67
- BBDF6D
- B4D372
- ACC776
- A5BB79
- 9DAF7C
- 96A37E
- 8E977F
- 878C80
Hòa sắc
Bổ túc +180°
- CBF85F
Pear Spritz
- EBDDFF
≈ Lavender Savour
Tương đồng -30° +30°
- CBF85F
Pear Spritz
- FFE380
≈ Luminous Yellow
- 96FFBA
≈ Light Sea-Foam
Bộ ba +120° +240°
- CBF85F
Pear Spritz
- CDE8FF
≈ Veiling Waterfalls
- FFD9E1
≈ It’s a Girl!
Bổ túc chia +150° +210°
- CBF85F
Pear Spritz
- DCE3FF
≈ Stoic White
- FFD5F6
≈ Sweet Sachet
Bộ bốn +90° +180° +270°
- CBF85F
Pear Spritz
- B2F0FF
≈ Northrend
- EBDDFF
≈ Lavender Savour
- FFDBD2
≈ Soft Orange Bloom
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.22:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.13:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--pear-spritz: #cbf85f;
--pear-spritz-rgb: 203 248 95;
--pear-spritz-oklch: oklch(0.919 0.184 123.9);
}
.element {
color: var(--pear-spritz);
background-color: hsl(78 92% 67%);
border-color: oklch(0.919 0.184 123.9);
}Tailwind CSS v4
@theme {
--color-pear-spritz: #cbf85f;
--color-pear-spritz-50: #e8ffc6;
--color-pear-spritz-100: #d9f4b0;
--color-pear-spritz-200: #c1e38a;
--color-pear-spritz-300: #a0c857;
--color-pear-spritz-400: #88af00;
--color-pear-spritz-500: #6e9700;
--color-pear-spritz-600: #5d8000;
--color-pear-spritz-700: #4a6700;
--color-pear-spritz-800: #384b00;
--color-pear-spritz-900: #273400;
--color-pear-spritz-950: #151f00;
}SCSS
$pear-spritz: #cbf85f;
$pear-spritz-rgb: 203, 248, 95;
$pear-spritz-light: mix(#fff, $pear-spritz, 20%);
$pear-spritz-dark: mix(#000, $pear-spritz, 20%);
.element {
color: $pear-spritz;
box-shadow: 0 0 0 2px rgba($pear-spritz, 0.35);
}