Màu có tên · #C2AE87
Horned Frog
Horned Frog là #C2AE87: rgb(194 174 135), hsl(40 33% 65%), oklch(0.758 0.058 83.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 Orange mean? → · Horned Frog color name →
#C2AE87
oklch(0.758 0.058 83.9)
Chuyển đổi màu
- HEX
- #c2ae87
- RGB
- rgb(194 174 135)
- HSL
- hsl(40 33% 65%)
- HWB
- hwb(40 53% 24%)
- OKLCH
- oklch(0.758 0.058 83.9)
- OKLab
- oklab(0.758 0.006 0.057)
- CIE Lab
- lab(72.1 3.1 22.86)
- LCH
- lch(72.1 23.07 82.3)
- CMYK
- cmyk(0% 10% 30% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C8B693
- CEBE9F
- D4C6AA
- DACEB6
- E0D6C2
- E6DECE
- ECE6DA
- F3EFE7
- F9F7F3
Sắc đậm
- A89775
- 8F8063
- 776A51
- 605541
- 494131
- 342E21
- 201C13
- 0E0B06
- 020101
Sắc xám
- BBA987
- B4A586
- AEA086
- A79B85
- A09784
- 9A9284
- 938E83
- 8D8982
- 868581
Hòa sắc
Bổ túc +180°
- C2AE87
Horned Frog
- 9EB1D6
≈ Heartsong
Tương đồng -30° +30°
- C2AE87
Horned Frog
- CEA78F
≈ Primal
- B0B58B
≈ Sumptuous Sage
Bộ ba +120° +240°
- C2AE87
Horned Frog
- 85BCC1
≈ Misty Cold Sea
- C3A5C6
≈ Tea Towel
Bổ túc chia +150° +210°
- C2AE87
Horned Frog
- 8DB7D0
≈ Mountain Main
- B2AAD2
≈ Wisteria-Wise
Bộ bốn +90° +180° +270°
- C2AE87
Horned Frog
- 8ABDAE
≈ Mild Evergreen
- 9EB1D6
≈ Heartsong
- CFA2B3
≈ Raspberry Smoothie
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.16:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.69:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.69:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--horned-frog: #c2ae87;
--horned-frog-rgb: 194 174 135;
--horned-frog-oklch: oklch(0.758 0.058 83.9);
}
.element {
color: var(--horned-frog);
background-color: hsl(40 33% 65%);
border-color: oklch(0.758 0.058 83.9);
}Tailwind CSS v4
@theme {
--color-horned-frog: #c2ae87;
--color-horned-frog-50: #fdf4e3;
--color-horned-frog-100: #f0e7d3;
--color-horned-frog-200: #dfd3b9;
--color-horned-frog-300: #c5b696;
--color-horned-frog-400: #af9c78;
--color-horned-frog-500: #988359;
--color-horned-frog-600: #816f4c;
--color-horned-frog-700: #67593d;
--color-horned-frog-800: #4c412b;
--color-horned-frog-900: #352d1d;
--color-horned-frog-950: #201a0d;
}SCSS
$horned-frog: #c2ae87;
$horned-frog-rgb: 194, 174, 135;
$horned-frog-light: mix(#fff, $horned-frog, 20%);
$horned-frog-dark: mix(#000, $horned-frog, 20%);
.element {
color: $horned-frog;
box-shadow: 0 0 0 2px rgba($horned-frog, 0.35);
}