Màu có tên · #E3EBB1
Awareness
Awareness là #E3EBB1: rgb(227 235 177), hsl(68 59% 81%), oklch(0.92 0.076 114.3). 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? → · Awareness color name →
#E3EBB1
oklch(0.92 0.076 114.3)
Chuyển đổi màu
- HEX
- #e3ebb1
- RGB
- rgb(227 235 177)
- HSL
- hsl(68 59% 81%)
- HWB
- hwb(68 69% 8%)
- OKLCH
- oklch(0.92 0.076 114.3)
- OKLab
- oklab(0.92 -0.031 0.069)
- CIE Lab
- lab(91.38 -9.68 27.33)
- LCH
- lch(91.38 28.99 109.5)
- CMYK
- cmyk(3% 0% 25% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E6EDB9
- E8EFC1
- EBF1C9
- EEF3D1
- F1F5D9
- F4F7E0
- F6F9E8
- F9FBF0
- FCFDF7
Sắc đậm
- C5CC99
- A8AE83
- 8C916C
- 717557
- 575B42
- 3F412F
- 27291C
- 12130C
- 030301
Sắc xám
- D9E0AC
- CED5A8
- C4CAA3
- BABF9E
- B0B499
- A6AA94
- 9C9F8F
- 93958A
- 898A85
Hòa sắc
Bổ túc +180°
- E3EBB1
Awareness
- E6E0FF
≈ Stoic White
Tương đồng -30° +30°
- E3EBB1
Awareness
- FCE1AB
≈ Yeast
- C6F3C5
≈ Mint Gloss
Bộ ba +120° +240°
- E3EBB1
Awareness
- C8EAFF
≈ Blue Java Banana
- FFD8E6
≈ Strawberry Milk
Bổ túc chia +150° +210°
- E3EBB1
Awareness
- D8E5FF
≈ Veiling Waterfalls
- FDD5FF
≈ Pink Diamond
Bộ bốn +90° +180° +270°
- E3EBB1
Awareness
- A7F4FC
≈ Waterspout
- E6E0FF
≈ Stoic White
- FFDBD7
≈ Peach Schnapps
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.25:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.78:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.78:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--awareness: #e3ebb1;
--awareness-rgb: 227 235 177;
--awareness-oklch: oklch(0.92 0.076 114.3);
}
.element {
color: var(--awareness);
background-color: hsl(68 59% 81%);
border-color: oklch(0.92 0.076 114.3);
}Tailwind CSS v4
@theme {
--color-awareness: #e3ebb1;
--color-awareness-50: #f3f8e0;
--color-awareness-100: #e6eccf;
--color-awareness-200: #d2d9b4;
--color-awareness-300: #b5bd91;
--color-awareness-400: #9da470;
--color-awareness-500: #858c50;
--color-awareness-600: #717744;
--color-awareness-700: #5a5f36;
--color-awareness-800: #434525;
--color-awareness-900: #2e3019;
--color-awareness-950: #1b1c0a;
}SCSS
$awareness: #e3ebb1;
$awareness-rgb: 227, 235, 177;
$awareness-light: mix(#fff, $awareness, 20%);
$awareness-dark: mix(#000, $awareness, 20%);
.element {
color: $awareness;
box-shadow: 0 0 0 2px rgba($awareness, 0.35);
}