Màu có tên gần nhất · #D6CF99
#D6CF99
Màu có tên gần nhất: Court-Bouillon
#D6CF99 (rgb(214 207 153), hsl(53 43% 72%), oklch(0.847 0.071 101.6)) gần nhất với màu có tên Court-Bouillon. 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.
#D6CF99
oklch(0.847 0.071 101.6)
Chuyển đổi màu
- HEX
- #d6cf99
- RGB
- rgb(214 207 153)
- HSL
- hsl(53 43% 72%)
- HWB
- hwb(53 60% 16%)
- OKLCH
- oklch(0.847 0.071 101.6)
- OKLab
- oklab(0.847 -0.014 0.07)
- CIE Lab
- lab(82.71 -3.64 27.86)
- LCH
- lch(82.71 28.1 97.4)
- CMYK
- cmyk(0% 3% 29% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DAD4A3
- DED9AE
- E2DDB8
- E6E2C2
- EAE7CC
- EEECD6
- F2F1E1
- F7F5EB
- FBFAF5
Sắc đậm
- BAB484
- 9E9970
- 847F5D
- 6A674A
- 524F38
- 3B3827
- 252317
- 101008
- 020201
Sắc xám
- CDC797
- C4BF95
- BBB792
- B3AF90
- AAA78D
- A19F8B
- 999788
- 908F86
- 888883
Hòa sắc
Bổ túc +180°
- D6CF99
Court-Bouillon
- C4C8FB
≈ Light Periwinkle
Tương đồng -30° +30°
- D6CF99
Court-Bouillon
- EBC69A
≈ Golden City Moon
- BCD7A7
≈ Apple Cream
Bộ ba +120° +240°
- D6CF99
Court-Bouillon
- 98D8EE
≈ Jodhpur Blue
- EEBBDA
≈ Rosecco
Bổ túc chia +150° +210°
- D6CF99
Court-Bouillon
- ABD1FB
≈ Ice Cold Stare
- DCC0EF
≈ Beefy Pink
Bộ bốn +90° +180° +270°
- D6CF99
Court-Bouillon
- 95DCD8
≈ Limpet Shell
- C4C8FB
≈ Light Periwinkle
- F7BAC1
≈ Petals Unfolding
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.58:1 · APCA Lc 27
Ag
AAATrên nền đen
WCAG 13.24:1 · APCA Lc 76
Màu chữ tốt nhất: #000000
WCAG 13.24:1 (AAA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--court-bouillon: #d6cf99;
--court-bouillon-rgb: 214 207 153;
--court-bouillon-oklch: oklch(0.847 0.071 101.6);
}
.element {
color: var(--court-bouillon);
background-color: hsl(53 43% 72%);
border-color: oklch(0.847 0.071 101.6);
}Tailwind CSS v4
@theme {
--color-court-bouillon: #d6cf99;
--color-court-bouillon-50: #f8f7df;
--color-court-bouillon-100: #ece9cf;
--color-court-bouillon-200: #d9d6b4;
--color-court-bouillon-300: #bdba90;
--color-court-bouillon-400: #a7a06f;
--color-court-bouillon-500: #90884e;
--color-court-bouillon-600: #7a7343;
--color-court-bouillon-700: #615c35;
--color-court-bouillon-800: #484325;
--color-court-bouillon-900: #322e19;
--color-court-bouillon-950: #1e1b09;
}SCSS
$court-bouillon: #d6cf99;
$court-bouillon-rgb: 214, 207, 153;
$court-bouillon-light: mix(#fff, $court-bouillon, 20%);
$court-bouillon-dark: mix(#000, $court-bouillon, 20%);
.element {
color: $court-bouillon;
box-shadow: 0 0 0 2px rgba($court-bouillon, 0.35);
}