이름 색상 · #BBAA97
Fangtooth Fish
Fangtooth Fish은(는) #BBAA97: rgb(187 170 151), hsl(32 21% 66%), oklch(0.747 0.033 70.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Fangtooth Fish color name →
#BBAA97
oklch(0.747 0.033 70.4)
색상 변환
- HEX
- #bbaa97
- RGB
- rgb(187 170 151)
- HSL
- hsl(32 21% 66%)
- HWB
- hwb(32 59% 27%)
- OKLCH
- oklch(0.747 0.033 70.4)
- OKLab
- oklab(0.747 0.011 0.031)
- CIE Lab
- lab(70.7 4.04 12.18)
- LCH
- lch(70.7 12.84 71.6)
- CMYK
- cmyk(0% 9% 19% 27%)
틴트 · 셰이드 · 톤
틴트
- C2B2A1
- C8BBAB
- CFC3B5
- D6CBC0
- DDD4CA
- E3DCD4
- EAE5DF
- F1EEEA
- F8F6F4
셰이드
- A29383
- 8A7D6F
- 73685C
- 5C5349
- 463F37
- 322D26
- 1F1B17
- 0D0B08
- 020101
톤
- B5A695
- AFA192
- A99D90
- A3998E
- 9D958C
- 979189
- 918C87
- 8C8885
- 868482
색 조화
보색 +180°
- BBAA97
Fangtooth Fish
- 9EAFC2
≈ Sterling Silver
유사색 -30° +30°
- BBAA97
Fangtooth Fish
- C1A79E
≈ Heavenly Cocoa
- B1AE96
≈ Reed Bed
삼각 배색 +120° +240°
- BBAA97
Fangtooth Fish
- 96B4B2
≈ Lake Forest
- B4A8BD
≈ Transparent Mauve
분열 보색 +150° +210°
- BBAA97
Fangtooth Fish
- 97B2BC
≈ Ice Gull Grey Blue
- A9ABC2
≈ Cosmic Sky
사각 배색 +90° +180° +270°
- BBAA97
Fangtooth Fish
- 9CB4A6
≈ Nile River
- 9EAFC2
≈ Sterling Silver
- BCA5B4
≈ Pansy Posy
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.25:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.30:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--fangtooth-fish: #bbaa97;
--fangtooth-fish-rgb: 187 170 151;
--fangtooth-fish-oklch: oklch(0.747 0.033 70.4);
}
.element {
color: var(--fangtooth-fish);
background-color: hsl(32 21% 66%);
border-color: oklch(0.747 0.033 70.4);
}Tailwind CSS v4
@theme {
--color-fangtooth-fish: #bbaa97;
--color-fangtooth-fish-50: #fbf4eb;
--color-fangtooth-fish-100: #efe6dc;
--color-fangtooth-fish-200: #ddd2c5;
--color-fangtooth-fish-300: #c2b5a5;
--color-fangtooth-fish-400: #ab9b8a;
--color-fangtooth-fish-500: #95836f;
--color-fangtooth-fish-600: #7e6f5e;
--color-fangtooth-fish-700: #65594b;
--color-fangtooth-fish-800: #4a4036;
--color-fangtooth-fish-900: #332c25;
--color-fangtooth-fish-950: #1f1914;
}SCSS
$fangtooth-fish: #bbaa97;
$fangtooth-fish-rgb: 187, 170, 151;
$fangtooth-fish-light: mix(#fff, $fangtooth-fish, 20%);
$fangtooth-fish-dark: mix(#000, $fangtooth-fish, 20%);
.element {
color: $fangtooth-fish;
box-shadow: 0 0 0 2px rgba($fangtooth-fish, 0.35);
}