Màu có tên gần nhất · #D5E1A7
#D5E1A7
Màu có tên gần nhất: Mermaid Tears
#D5E1A7 (rgb(213 225 167), hsl(72 49% 77%), oklch(0.886 0.077 117.5)) gần nhất với màu có tên Mermaid Tears. 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.
#D5E1A7
oklch(0.886 0.077 117.5)
Chuyển đổi màu
- HEX
- #d5e1a7
- RGB
- rgb(213 225 167)
- HSL
- hsl(72 49% 77%)
- HWB
- hwb(72 65% 12%)
- OKLCH
- oklch(0.886 0.077 117.5)
- OKLab
- oklab(0.886 -0.036 0.068)
- CIE Lab
- lab(87.55 -11.21 27.07)
- LCH
- lch(87.55 29.3 112.5)
- CMYK
- cmyk(5% 0% 26% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9E4B0
- DDE7B9
- E1EAC2
- E5EDCB
- EAF0D3
- EEF3DC
- F2F6E5
- F6F9EE
- FBFCF6
Sắc đậm
- B9C491
- 9EA77B
- 838B66
- 6A7052
- 51563E
- 3A3E2C
- 24271A
- 10120A
- 020201
Sắc xám
- CCD7A3
- C3CDA0
- BBC39C
- B2B998
- A9AF94
- A1A690
- 999C8C
- 909388
- 888984
Hòa sắc
Bổ túc +180°
- D5E1A7
Mermaid Tears
- DED1FF
≈ Pale Lavender
Tương đồng -30° +30°
- D5E1A7
Mermaid Tears
- EFD79F
≈ Splash
- B8E8BD
≈ Mint Parfait
Bộ ba +120° +240°
- D5E1A7
Mermaid Tears
- B3E1FF
≈ Frozen Landscape
- FFC8DA
≈ Blossom Tree
Bổ túc chia +150° +210°
- D5E1A7
Mermaid Tears
- CAD9FF
≈ Icy Plains
- F6C8F4
≈ Kissed by Mist
Bộ bốn +90° +180° +270°
- D5E1A7
Mermaid Tears
- 9CE9F4
≈ Permafrost
- DED1FF
≈ Pale Lavender
- FFCBC4
≈ Piggy Dreams
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.38:1 · APCA Lc 19
Ag
AAATrên nền đen
WCAG 15.15:1 · APCA Lc 85
Màu chữ tốt nhất: #000000
WCAG 15.15:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
CSS
:root {
--mermaid-tears: #d5e1a7;
--mermaid-tears-rgb: 213 225 167;
--mermaid-tears-oklch: oklch(0.886 0.077 117.5);
}
.element {
color: var(--mermaid-tears);
background-color: hsl(72 49% 77%);
border-color: oklch(0.886 0.077 117.5);
}Tailwind CSS v4
@theme {
--color-mermaid-tears: #d5e1a7;
--color-mermaid-tears-50: #f2f9e0;
--color-mermaid-tears-100: #e4ecd0;
--color-mermaid-tears-200: #d0dab5;
--color-mermaid-tears-300: #b2be91;
--color-mermaid-tears-400: #9aa570;
--color-mermaid-tears-500: #828d50;
--color-mermaid-tears-600: #6e7745;
--color-mermaid-tears-700: #586037;
--color-mermaid-tears-800: #414626;
--color-mermaid-tears-900: #2d3019;
--color-mermaid-tears-950: #1a1c0a;
}SCSS
$mermaid-tears: #d5e1a7;
$mermaid-tears-rgb: 213, 225, 167;
$mermaid-tears-light: mix(#fff, $mermaid-tears, 20%);
$mermaid-tears-dark: mix(#000, $mermaid-tears, 20%);
.element {
color: $mermaid-tears;
box-shadow: 0 0 0 2px rgba($mermaid-tears, 0.35);
}