이름 색상 · #719BA2
Great Fennel Flower
Great Fennel Flower은(는) #719BA2: rgb(113 155 162), hsl(189 21% 54%), oklch(0.661 0.047 208.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Great Fennel Flower color name →
#719BA2
oklch(0.661 0.047 208.9)
색상 변환
- HEX
- #719ba2
- RGB
- rgb(113 155 162)
- HSL
- hsl(189 21% 54%)
- HWB
- hwb(189 44% 36%)
- OKLCH
- oklch(0.661 0.047 208.9)
- OKLab
- oklab(0.661 -0.041 -0.023)
- CIE Lab
- lab(61.1 -13.53 -8.56)
- LCH
- lch(61.1 16.01 212.3)
- CMYK
- cmyk(30% 4% 0% 36%)
틴트 · 셰이드 · 톤
틴트
- 7FA5AB
- 8DAEB4
- 9BB8BD
- A9C2C6
- B7CCD0
- C5D6D9
- D3E0E2
- E2EAEC
- F0F5F5
셰이드
- 61868C
- 527277
- 435E63
- 354B4F
- 27393C
- 1A282A
- 0E1819
- 04090A
- 010101
톤
- 73989F
- 75969B
- 779398
- 789094
- 7A8E91
- 7B8B8E
- 7C888A
- 7E8587
- 7F8383
색 조화
보색 +180°
- 719BA2
Great Fennel Flower
- AE8882
≈ Bedford Brown
유사색 -30° +30°
- 719BA2
Great Fennel Flower
- 749C93
≈ Avalon
- 7997AD
≈ Post Boy
삼각 배색 +120° +240°
- 719BA2
Great Fennel Flower
- A389A1
≈ Radiant Lilac
- 9E9272
≈ Mossy Gold
분열 보색 +150° +210°
- 719BA2
Great Fennel Flower
- AC8792
≈ Fig Fruit Mauve
- A98C76
≈ Rodeo Tan
사각 배색 +90° +180° +270°
- 719BA2
Great Fennel Flower
- 968DAC
≈ Futuristic
- AE8882
≈ Bedford Brown
- 8F9777
≈ Artichoke
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.03:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.91:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--great-fennel-flower: #719ba2;
--great-fennel-flower-rgb: 113 155 162;
--great-fennel-flower-oklch: oklch(0.661 0.047 208.9);
}
.element {
color: var(--great-fennel-flower);
background-color: hsl(189 21% 54%);
border-color: oklch(0.661 0.047 208.9);
}Tailwind CSS v4
@theme {
--color-great-fennel-flower: #719ba2;
--color-great-fennel-flower-50: #e7f9fd;
--color-great-fennel-flower-100: #d7ecf1;
--color-great-fennel-flower-200: #bedae0;
--color-great-fennel-flower-300: #9dbec5;
--color-great-fennel-flower-400: #7fa7ad;
--color-great-fennel-flower-500: #618f97;
--color-great-fennel-flower-600: #527980;
--color-great-fennel-flower-700: #426166;
--color-great-fennel-flower-800: #2f474b;
--color-great-fennel-flower-900: #203134;
--color-great-fennel-flower-950: #0f1d1f;
}SCSS
$great-fennel-flower: #719ba2;
$great-fennel-flower-rgb: 113, 155, 162;
$great-fennel-flower-light: mix(#fff, $great-fennel-flower, 20%);
$great-fennel-flower-dark: mix(#000, $great-fennel-flower, 20%);
.element {
color: $great-fennel-flower;
box-shadow: 0 0 0 2px rgba($great-fennel-flower, 0.35);
}