이름 색상 · #19504C
Lacustral
Lacustral은(는) #19504C: rgb(25 80 76), hsl(176 52% 21%), oklch(0.394 0.057 188.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Lacustral color name →
#19504C
oklch(0.394 0.057 188.3)
색상 변환
- HEX
- #19504c
- RGB
- rgb(25 80 76)
- HSL
- hsl(176 52% 21%)
- HWB
- hwb(176 10% 69%)
- OKLCH
- oklch(0.394 0.057 188.3)
- OKLab
- oklab(0.394 -0.056 -0.008)
- CIE Lab
- lab(30.41 -19.41 -3.24)
- LCH
- lch(30.41 19.68 189.5)
- CMYK
- cmyk(69% 0% 5% 69%)
틴트 · 셰이드 · 톤
틴트
- 32605C
- 48706D
- 5E817E
- 74928F
- 8AA4A1
- A1B5B3
- B8C7C6
- CFDAD8
- E7ECEC
셰이드
- 144441
- 103936
- 0B2E2C
- 072422
- 041A18
- 02100F
- 010706
- 000202
- 000000
톤
- 265551
- 325A56
- 3C5E5B
- 466360
- 506865
- 5A6D6B
- 637270
- 6D7675
- 767B7B
색 조화
보색 +180°
- 19504C
Lacustral
- 613940
≈ Velvet Cape
유사색 -30° +30°
- 19504C
Lacustral
- 29503B
≈ Moselle Green
- 1B4D5B
≈ Teal Dark Blue
삼각 배색 +120° +240°
- 19504C
Lacustral
- 4F3E5E
≈ Powerful Mauve
- 5A4023
≈ Beech Brown
분열 보색 +150° +210°
- 19504C
Lacustral
- 5A3A51
≈ Purple Cort
- 613B2F
≈ Painted Bark
사각 배색 +90° +180° +270°
- 19504C
Lacustral
- 3F4365
≈ Genie
- 613940
≈ Velvet Cape
- 4E4720
≈ Uniform Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.15:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.29:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.15:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--lacustral: #19504c;
--lacustral-rgb: 25 80 76;
--lacustral-oklch: oklch(0.394 0.057 188.3);
}
.element {
color: var(--lacustral);
background-color: hsl(176 52% 21%);
border-color: oklch(0.394 0.057 188.3);
}Tailwind CSS v4
@theme {
--color-lacustral: #19504c;
--color-lacustral-50: #e4fbf9;
--color-lacustral-100: #d3eeec;
--color-lacustral-200: #b9ddda;
--color-lacustral-300: #96c1be;
--color-lacustral-400: #77aaa5;
--color-lacustral-500: #57938d;
--color-lacustral-600: #4b7c78;
--color-lacustral-700: #3b6360;
--color-lacustral-800: #2a4945;
--color-lacustral-900: #1c3330;
--color-lacustral-950: #0c1e1c;
}SCSS
$lacustral: #19504c;
$lacustral-rgb: 25, 80, 76;
$lacustral-light: mix(#fff, $lacustral, 20%);
$lacustral-dark: mix(#000, $lacustral, 20%);
.element {
color: $lacustral;
box-shadow: 0 0 0 2px rgba($lacustral, 0.35);
}