Màu có tên gần nhất · #6DBC88
#6DBC88
Màu có tên gần nhất: Frog Pond
#6DBC88 (rgb(109 188 136), hsl(141 37% 58%), oklch(0.73 0.109 154)) gần nhất với màu có tên Frog Pond. 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.
#6DBC88
oklch(0.73 0.109 154)
Chuyển đổi màu
- HEX
- #6dbc88
- RGB
- rgb(109 188 136)
- HSL
- hsl(141 37% 58%)
- HWB
- hwb(141 43% 26%)
- OKLCH
- oklch(0.73 0.109 154)
- OKLab
- oklab(0.73 -0.098 0.048)
- CIE Lab
- lab(70.14 -34.15 18.48)
- LCH
- lch(70.14 38.83 151.6)
- CMYK
- cmyk(42% 0% 28% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7DC394
- 8CCA9F
- 9BD0AB
- A9D7B7
- B8DEC3
- C6E4CE
- D4EBDA
- E3F2E7
- F1F8F3
Sắc đậm
- 5EA375
- 4F8B63
- 417352
- 335D41
- 264731
- 193222
- 0D1F13
- 040D06
- 010201
Sắc xám
- 70B687
- 73B087
- 76AA86
- 78A485
- 7A9E85
- 7C9884
- 7D9283
- 7E8C82
- 7F8681
Hòa sắc
Bổ túc +180°
- 6DBC88
Frog Pond
- D28DC4
≈ Cyclamen
Tương đồng -30° +30°
- 6DBC88
Frog Pond
- 99B364
≈ Light Birch Green
- 44BEAF
≈ Emerald Bliss
Bộ ba +120° +240°
- 6DBC88
Frog Pond
- 92A2ED
≈ Cold Lips
- E48E7A
≈ Nude Flamingo
Bổ túc chia +150° +210°
- 6DBC88
Frog Pond
- B796E0
≈ Dreamy Candy Forest
- E18AA0
≈ Reflecting Rose
Bộ bốn +90° +180° +270°
- 6DBC88
Frog Pond
- 68AFE8
≈ Sanctuary Spa
- D28DC4
≈ Cyclamen
- D8985B
≈ Bakelite Gold
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.28:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.19:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--frog-pond: #6dbc88;
--frog-pond-rgb: 109 188 136;
--frog-pond-oklch: oklch(0.73 0.109 154);
}
.element {
color: var(--frog-pond);
background-color: hsl(141 37% 58%);
border-color: oklch(0.73 0.109 154);
}Tailwind CSS v4
@theme {
--color-frog-pond: #6dbc88;
--color-frog-pond-50: #ddffe8;
--color-frog-pond-100: #ccf3d9;
--color-frog-pond-200: #afe3c1;
--color-frog-pond-300: #89c9a0;
--color-frog-pond-400: #67b181;
--color-frog-pond-500: #419b64;
--color-frog-pond-600: #388355;
--color-frog-pond-700: #2d6944;
--color-frog-pond-800: #214d2f;
--color-frog-pond-900: #163620;
--color-frog-pond-950: #07210f;
}SCSS
$frog-pond: #6dbc88;
$frog-pond-rgb: 109, 188, 136;
$frog-pond-light: mix(#fff, $frog-pond, 20%);
$frog-pond-dark: mix(#000, $frog-pond, 20%);
.element {
color: $frog-pond;
box-shadow: 0 0 0 2px rgba($frog-pond, 0.35);
}