Màu có tên gần nhất · #E6CFB6
#E6CFB6
Màu có tên gần nhất: Sugar Cookie Crust
#E6CFB6 (rgb(230 207 182), hsl(31 49% 81%), oklch(0.867 0.042 69.6)) gần nhất với màu có tên Sugar Cookie Crust. 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.
#E6CFB6
oklch(0.867 0.042 69.6)
Chuyển đổi màu
- HEX
- #e6cfb6
- RGB
- rgb(230 207 182)
- HSL
- hsl(31 49% 81%)
- HWB
- hwb(31 71% 10%)
- OKLCH
- oklch(0.867 0.042 69.6)
- OKLab
- oklab(0.867 0.015 0.04)
- CIE Lab
- lab(84.57 5.42 15.55)
- LCH
- lch(84.57 16.47 70.8)
- CMYK
- cmyk(0% 10% 21% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E9D4BD
- EBD9C4
- EEDDCC
- F0E2D3
- F3E7DA
- F5ECE2
- F8F1E9
- FAF5F0
- FDFAF8
Sắc đậm
- C8B49E
- AB9986
- 8E7F6F
- 736759
- 594F44
- 403830
- 28231D
- 13100C
- 030202
Sắc xám
- DBC7B1
- D1BFAB
- C6B7A6
- BCAFA0
- B2A79B
- A89F95
- 9E9790
- 948F8B
- 8A8885
Hòa sắc
Bổ túc +180°
- E6CFB6
Sugar Cookie Crust
- BFD6EF
≈ Delicate Blue Mist
Tương đồng -30° +30°
- E6CFB6
Sugar Cookie Crust
- EDCBBF
≈ Pale Dogwood
- DAD4B5
≈ New Growth
Bộ ba +120° +240°
- E6CFB6
Sugar Cookie Crust
- B5DDD9
≈ Minerva
- DCCCE9
≈ Plum’s the Word
Bổ túc chia +150° +210°
- E6CFB6
Sugar Cookie Crust
- B5DAE7
≈ Fresh Dawn
- CDD1EF
≈ Frozen Periwinkle
Bộ bốn +90° +180° +270°
- E6CFB6
Sugar Cookie Crust
- BDDCCA
≈ Mirador
- BFD6EF
≈ Delicate Blue Mist
- E7C9DC
≈ Wisteria Whisper
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.50:1 · APCA Lc 24
Ag
AAATrên nền đen
WCAG 13.96:1 · APCA Lc 80
Màu chữ tốt nhất: #000000
WCAG 13.96:1 (AAA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--sugar-cookie-crust: #e6cfb6;
--sugar-cookie-crust-rgb: 230 207 182;
--sugar-cookie-crust-oklch: oklch(0.867 0.042 69.6);
}
.element {
color: var(--sugar-cookie-crust);
background-color: hsl(31 49% 81%);
border-color: oklch(0.867 0.042 69.6);
}Tailwind CSS v4
@theme {
--color-sugar-cookie-crust: #e6cfb6;
--color-sugar-cookie-crust-50: #fdf3e8;
--color-sugar-cookie-crust-100: #f1e6d9;
--color-sugar-cookie-crust-200: #e0d2c1;
--color-sugar-cookie-crust-300: #c5b4a0;
--color-sugar-cookie-crust-400: #af9a84;
--color-sugar-cookie-crust-500: #998268;
--color-sugar-cookie-crust-600: #816e58;
--color-sugar-cookie-crust-700: #675846;
--color-sugar-cookie-crust-800: #4c4033;
--color-sugar-cookie-crust-900: #352c23;
--color-sugar-cookie-crust-950: #201912;
}SCSS
$sugar-cookie-crust: #e6cfb6;
$sugar-cookie-crust-rgb: 230, 207, 182;
$sugar-cookie-crust-light: mix(#fff, $sugar-cookie-crust, 20%);
$sugar-cookie-crust-dark: mix(#000, $sugar-cookie-crust, 20%);
.element {
color: $sugar-cookie-crust;
box-shadow: 0 0 0 2px rgba($sugar-cookie-crust, 0.35);
}